css3 如何给图片加入关键帧 使图片能够平缓的放大缩小并保持循环

html-css08

css3 如何给图片加入关键帧 使图片能够平缓的放大缩小并保持循环,第1张

先将你需要组合的图片编号，如M1-M10。就按你的需要连接的动画从头到尾进行编号放到一个文件夹下，在软件中“导入到舞台”选中其中一张图片进行导入，软件会自动根据你文件编号判断该文件夹中的文件可能是序列文件并提示你是否将其全部导入，你选择“是”软件即将全部图片按顺序建立每张图片的关键帧并自动形成动画。

background-attachment: fixed

background-size: cover

实现背景图平铺展开，各自显示各自区域的背景图

上面transition: all 0.4s ease-in-out

下面opacity: 0.7transform: scale(0.99)

实现动画效果过度，缩放

这是 图片慢慢放大和缩小

.toShop-btn{

position: fixed

top:730rpx

width: 81rpx

height:91rpx

line-height: 48px

z-index:99

right:0rpx

-moz-animation: myfirst 1s infinite

-webkit-animation: myfirst 1s infinite

-o-animation: myfirst 1s infinite

animation: myfirst 1s infinite

}

@keyframes myfirst{

0% { transform: scale(.8)}

50% { transform: scale(1)}

100% { transform: scale(.8)}

}