小程序动画实现旋转
.question .desc .image-rotate { position: absolute; z-index: 2; margin-left: 20rpx; margin-top: 20rpx; height: 280rpx; width: 280rpx; border-radius: 140rpx; animation: headRotate 6s linear infinite } /* 头像旋转效果 */ @keyframes headRotate{ 0% {transform: rotate(0deg);} 50% {transform: rotate(180deg);} 100% {transform: rotate(360deg);} }
CSS3背景图片缩放动画
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS3背景图片缩放动画</title> <meta http-equiv="content-type" content="text/html;charset=gb2312"> <style type="text/css"> body{padding:0;margin:0;} /*放大镜效果*/ @-moz-keyframes heart_beat{0%{-moz-transform:scale(1)} 25%{-moz-transform:scale(1.70)} 50%...