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

html-css011

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

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

你说的应该是鼠标放到图片上然后图片自动放大 而不是宽 高的放大追问: 我希望的是一打开网页,背景不重复的覆盖整个body部分,不是四分之一的body。我是这个意思 回答: 你是要规定背景咯 追问: 在哪里规定,页面属性和CSS里面都找不到。我用的是Adobe Dreamweaver CS3 回答: body { background: url(booy.jpg) no-repeat fixed center top transparent} Dreamweaver只是编辑器 又不是代码库 追问: fixed center top transparent这几个前面加什么。我是初学者,而且英语不行 回答: fixed固定图片 center 居中 追问: 我的意思是前面加什么。就像no-repeat前面加background-repeat:,不是问什么意思。 回答: no-repeat 就是不重复图片 追问: 我知道no-repeat是不重复图片的意思,但是你就这么打在style也没用,前面要加一个background-repeat:,我的意思是fixed center top transparent这几个前面要加什么才会生效 回答: 你留下你QQ我稍后加你 追问: 942754361

采纳哦

这个简单,先讲一下原理

先设置图片垂直水平居中(position:absolute与translate3d 相结合)    class为img

2.可以编写自定义animation    0的时候width为0,100%的时候width为你想要的宽度,高一样,其他的改设置的都设置一下  class为img active(这里是两个class) 来使用这个animation

3.在window.onload的事件下执行   只需给  img再加一个active的class就ok了

注意:我之前有在写自定义动画的时候在微信端执行不了动画,之后找到原因,给animation加一个延迟  100ms就行了   如果你遇到这种问题可以试试。