慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

不太显示

border-radius四个值分别为上右下左设置实心半圆把高度(height)设为宽度（width）的一半，并且只设置左上角和右上角的半径与元素的高度一致（大于也是可以的）。

查看全部

0 采集收起来源：CSS3边框圆角效果 border-radius
2015-05-26
不太显示

animation: run 2s infinite linear;动画

查看全部

0 采集收起来源：CSS3能做什么？
2015-05-26
ing125

box-sizing:border-box; 给元素增加边框或padding不会额外的增加盒子的大小，转而按比例缩小盒子内部空间元素,防止破坏布局

查看全部

0 采集收起来源：CSS3 盒子模型
2015-05-26
溱源

嗯，挺帅的，就是写不出来 ⊙︿⊙ ╭(╯^╰)╮ code mark

查看全部

0 采集收起来源：制作3D旋转导航综合练习题
2015-05-25
溱源

设置动画时间外属性 animation-fill-mode属性定义在动画开始之前和结束之后发生的操作。主要具有四个属性值：none、forwards、backwords和both。神奇的动画效果 code mark

查看全部

0 采集收起来源：CSS3中设置动画时间外属性
2015-05-25
溱源

设置动画的播放状态 animation-play-state属性主要用来控制元素动画的播放状态。参数：其主要有两个值：running和paused。其中running是其默认值，主要作用就是类似于音乐播放器一样，可以通过paused将正在播放的动画停下来，也可以通过running将暂停的动画重新播放，这里的重新播放不一定是从元素动画的开始播放，而是从暂停的那个位置开始播放。另外如果暂停了动画的播放，元素的样式将回到最原始设置状态。

查看全部

0 采集收起来源：CSS3中设置动画的播放状态
2015-05-25
溱源

设置动画播放方向 animation-direction属性主要用来设置动画播放方向，其语法规则如下： animation-direction:normal | alternate [, normal | alternate]* 其主要有两个值：normal、alternate 1、normal是默认值，如果设置为normal时，动画的每次循环都是向前播放； 2、另一个值是alternate，他的作用是，动画播放在第偶数次向前播放，第奇数次向反方向播放。

查看全部

0 采集收起来源：CSS3中设置动画播放方向
2015-05-25
溱源

设置动画播放次数 animation-iteration-count属性主要用来定义动画的播放次数。 1、其值通常为整数，但也可以使用带有小数的数字，其默认值为1，这意味着动画将从开始到结束只播放一次。 2、如果取值为infinite，动画将会无限次的播放。

查看全部

0 采集收起来源：CSS3中设置动画播放次数
2015-05-25
溱源

设置动画开始播放的时间 animation-delay属性用来定义动画开始播放的时间，用来触发动画播放的时间点。和transition-delay属性一样，用于定义在浏览器开始执行动画之前等待的时间。

查看全部

0 采集收起来源：CSS3中设置动画开始播放的时间
2015-05-25
溱源

设置动画播放方式 animation-timing-function属性主要用来设置动画播放方式。主要让元素根据时间的推进来改变属性值的变换速率，简单点说就是动画的播放方式。 demo 为动画效果

查看全部

0 采集收起来源：CSS3中设置动画播放方式
2015-05-25
溱源

设置动画播放时间 animation-duration主要用来设置CSS3动画播放时间，其使用方法和transition-duration类似，是用来指定元素播放动画所持续的时间长，也就是完成从0%到100%一次动画所需时间。单位：S秒提示：到目前为止支技animation动画的只有webkit内核的浏览器，所以我需要在上面的基础上加上-webkit前缀，据说Firefox5可以支持css3的 animation动画属性。

查看全部

0 采集收起来源：CSS3中设置动画播放时间
2015-05-25
溱源

animation-name属性主要是用来调用 @keyframes 定义好的动画。需要特别注意: animation-name 调用的动画名需要和“@keyframes”定义的动画名称完全一致（区分大小写），如果不一致将不具有任何动画效果。

查看全部

0 采集收起来源：CSS3中调用动画
2015-05-25
墨涤

效果不错呀

查看全部

0 采集收起来源：CSS3选择器 :checked选择器
2015-05-25
墨涤

input[type="submit"] :disabled { background: rgba(0,0,0,.15); border: 1px solid rgba(0,0,0,.15); color: #ccc; } input[type="submit"] :disabled { background: rgba(0,0,0,.15); border: 1px solid rgba(0,0,0,.15); color: #ccc; }

查看全部

0 采集收起来源：CSS3选择器 :disabled选择器
2018-03-22
任天堂

SS3把很多以前需要使用图片和脚本来实现的效果、甚至动画效果，只需要短短几行代码就能搞定。比如圆角，图片边框，文字阴影和盒阴影，过渡、动画等。圆角： border-radius

查看全部

0 采集收起来源：CSS3能做什么？
2015-05-25

首页上一页 932 933 934 935 936 937 938 下一页尾页

0/150

提交

取消

开始学习

课程须知: 1.html+CSS相关基础知识 2.具有一定的网页制作经验 3.此课程不支持IE9版本以下，建议使用 chrome、safari、firefox、opera浏览器学习本课程。

老师告诉你能学到什么？: 1.系统学习CSS3相关知识 2.轻松制作出各种绚丽的效果