课程笔记
课程/CSS3/前端开发
CSS3 3D 特效
介绍
章节
问答
笔记
精慕门3383071
2017-04-06
设置块的background-color渐变(3s从蓝色渐变到红色)
截图
1赞 · 0采集
qq_于是_1
2017-01-08
webkit-transition:transition-property transition-duration;对Chrome和Safair有效 -moz-transition:transition-property transition-duration;适用于Firefox浏览器 -o-transition:transition-property transition-duration;适用于Opera 浏览器
0赞 · 0采集
阿绿的八一一号事件
2016-07-31
编辑器 Webstrom
0赞 · 0采集
阿绿的八一一号事件
2016-07-31
transition 属性使用
截图
0赞 · 0采集
阿绿的八一一号事件
2016-07-31
进行设计 制作了一个方块!
截图
1赞 · 0采集
阿绿的八一一号事件
2016-07-31
body内添加一个div属性
截图
0赞 · 0采集
阿绿的八一一号事件
2016-07-31
transition属性!
0赞 · 0采集
慕神7509951
2016-07-29
transition的语法: -webkit-transition:transition-property transition-duration;对Chrome和Safair有效 -moz-transition:transition-property transition-duration;适用于Firefox浏览器 -o-transition:transition-property transition-duration;适用于Opera 浏览器
0赞 · 0采集
qq_伟娜同学_03304965
2016-05-06
#block{ width:400px; height:400px; background-color:#69c; margin:0 auto; -webkit-transtion:background-color 3s; } #block:hover{ background-color:red; }
0赞 · 0采集
林小鑫
2016-05-05
渐变效果
截图
0赞 · 0采集
Web__123
2016-03-29
#block{ width:400px; height:400px; background-color:#69c; margin:0 auto; -webkit-transtion:background-color 3s; } #block:hover{ background-color:red; }
0赞 · 1采集
qq_疯子_109
2016-03-26
#block{ width: 400px; height: 300px; margin: 0 auto; background-color: #69c; -webkit-transition: background-color 3s; } #block:hover{ background-color: red; } 鼠标移动到方块上时颜色渐变时间为三秒
0赞 · 0采集
qq_傀儡_5
2016-03-11
居中margin:0 auto transition:属性 时间
0赞 · 0采集
爱琴海的思念1013
2016-01-26
klk
0赞 · 0采集
古__月
2016-01-15
#block{ width:200px; height:200px; background-color:#00F; margin:0 auto; -webkit-transition:background-color 3s ; } #block:hover{ background-color:red; } 如代码所示,我们在使用transition属性的时候很简单的就为背景颜色进行了改变, 也就是说,使用transition属性的时候第一个参数是要改变的是什么参数,那么就可以在使用的时候进行改变
0赞 · 0采集
空空气息
2016-01-03
实现方法
截图
0赞 · 0采集
斯姐儿
2015-12-18
-webkit-transition:background-color 3s;
0赞 · 0采集
话少
2015-12-10
-webkit-transition:bacground-color 3s;
0赞 · 0采集
韦博图
2015-11-01
-webkit- -moz- -o-
0赞 · 0采集
阿作
2015-10-16
-webkit-transition:height 3s; -webkit-transition:color 1s;
0赞 · 0采集
qq_05_0
2015-10-15
webit-transition
0赞 · 0采集
qq_飞越_0
2015-09-25
-webkit-transition:background-color 3s;
0赞 · 0采集
没关系是爱情
2015-09-10
-webkit-stransition:width 3s;
0赞 · 0采集
sweetlife哦耶
2015-09-01
学习transition的简单动画:
0赞 · 0采集
enzoop
2015-08-19
盒子背景颜色渐变 -webkit—具有通用性 #box{background:#F6F; width:300px; height:300px; -webkit-transition:background 5s;} #box:hover{background:blue;}
0赞 · 1采集
梧桐_细雨
2015-08-11
记得添加浏览器兼容性的前缀!
0赞 · 0采集
桥风L
2015-07-25
transition属性来实现渐变 transition:属性 过渡时间
1赞 · 3采集
channel_
2015-07-20
transition(平滑过渡属性):属性 过渡时间,通常在:hover、:focus条件下触发
0赞 · 0采集
霜花似雪
2015-06-08
//设置变化效果 <!DOCTYPE html> <html> <head> <title></title> <style> #block{ width:400px; //宽度 height:400px; //高度 background-color: #69e; //背景颜色 margin:() auto; //居中显示 -webkit-transition:backgraund-color 3s; //设置动画效果,渐变时间是3秒 } #block:hover{background-color: red;;} //块元素,背景颜色的变化 </style> </head> <body> <div id="block"> </div> </body> </html>
0赞 · 0采集
霜花似雪
2015-06-08
<!DOCTYPE html> <html> <head> <title></title> <style> #block{ width:400px; //宽度 height:400px; //高度 background-color: #69e; //背景颜色 margin:() auto; //居中显示 } #block:hover{background-color: red;;} //块元素,背景颜色的变化 </style> </head> <body> <div id="block"> </div> </body> </html>
截图
0赞 · 0采集
数据加载中...