CSS动态效果的问题

html-css028

CSS动态效果的问题,第1张

是背景图片而已,一张亮色一点的背景图片和一张暗色的。鼠标移动上去或者鼠标点击就切换效果的同时再切换样式

去网上搜索“选项卡代码”分析一下你就明白了,看不懂就给我信息,我给你源文件。

我的网站 百度搜索无涯学习网 第1个就是 进里面,找到链接,点“汽车风尚网”,里面就有你要的效果。不好意思有点麻烦,因为不能直接贴网址出来。

要创建 CSS3 动画,你需要了解 @keyframes 规则。

@keyframes 规则是创建动画。

@keyframes 规则内指定一个 CSS 样式和动画将逐步从目前的样式更改为新的样式。

1、首先新建一个html空白文档,取名字叫做css3动画,保存一下。

2、然后写html结构,只需要一个div元素即可,class名字叫做img

3、设置其边框为不同的颜色,边框宽度设置成100px。

4、因为是圆环,所以我们用到了css3的圆角效果,设置圆角为50%,也就是border-radius:50%,看一下效果。

5、接下来就是关键的步骤了,也就是添加动画效果。输入以下代码

6、来看一下最后的效果,还是不错的。