慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

天窗的蚂蚁

经过测试和研究，关于四者的区别，大概懂了，写出来供大家看看。如有不对，请指出。对代码做一些调整后，有利于观察：将初始background设置为balck，姑且把这一帧叫做初始帧动画里面的red为第一帧，blue为最后一帧。将duration调短为5s，将delay调长为3s。下面就可以开始试了： 1. none：从初始帧orange开始，延迟3s后开始播放动画 red-->blue，动画完成后，跳回到初始帧orange。 2. forwards：从初始帧orange开始，延迟3s后开始播放动画 red-->blue，动画完成后，留在最后一帧blue. 3. backwards : 也是从初始帧orange开始，但是由于会迅速应用动画的第一帧，立马就闪到了第一帧red，然后延迟会应用在第一帧之后。动画完成后，跳回到初始帧orange。 4. both：同时具有forwards和backwards效果，即拥有forwards动画结束留在最后一帧blue的效果，也拥有迅速应用动画的第一帧red的效果。这样both综合的效果为：从初始帧orange开始，迅速跳到第一帧red，然后变化到最后一帧blue结束，并留在最后一帧blue。

查看全部

0 采集收起来源：CSS3中设置动画时间外属性
2018-03-22
朝夕77

选择器、圆角、阴影

查看全部

0 采集收起来源：CSS3能做什么？
2016-01-09
miwu090909

-webkit chrome,safari; -moz firefox; -ms IE; -o opera

查看全部

0 采集收起来源：什么是CSS3？
2016-01-08
嗜睡剪刀手_爱德华

nth-child(n)参数n始终是从1开始，当参数是0的时候是选择不到任何匹配的元素的。

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—nth-child(n)
2016-01-08
蜜糖崽崽

1、阴影模糊半径与阴影扩展半径的区别阴影模糊半径：此参数可选，其值只能是为正值，如果其值为0时，表示阴影不具有模糊效果，其值越大阴影的边缘就越模糊；阴影扩展半径：此参数可选，其值可以是正负值，如果值为正，则整个阴影都延展扩大，反之值为负值时，则缩小； 2、X轴偏移量和Y轴偏移量值可以设置为负数 box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（二）
2016-01-08
蜜糖崽崽

box-shadow是向盒子添加阴影。支持添加一个或者多个。 box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]; 注意：inset 可以写在参数的第一个或最后一个，其它位置是无效的。 box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]; 为元素设置外阴影：示例代码： .box_shadow{ box-shadow:4px 2px 6px #333333; } 为元素设置内阴影：示例代码： .box_shadow{ box-shadow:4px 2px 6px #333333 inset; }

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（一）
2016-01-08
蜜糖崽崽

圆角效果 border-radius border-radius是向元素添加圆角边框。 border-radius:10px; /* 所有角都使用半径为10px的圆角 */ border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角，顺时针 */

查看全部

0 采集收起来源：CSS3边框圆角效果 border-radius
2016-01-08
roger1111

2n+1、2n-1、odd奇数(even偶数)

查看全部

0 采集收起来源：CSS3 nth-of-type(n)选择器
2016-01-07
辉夜羽衣

box-shadow{x轴偏移，y轴偏移，模糊半径，扩展半径，颜色，向内投影} x,y为负值时，阴影会跑到对面去

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（一）
2016-01-07
倣肆d張誑

综合练习，伪元素制作

查看全部

0 采集收起来源：CSS3背景制作导航菜单综合练习题
2016-01-06
倣肆d張誑

多重背景

查看全部

0 采集收起来源：CSS3背景 multiple backgrounds
2016-01-06
倣肆d張誑

文字阴影

查看全部

0 采集收起来源：CSS3文字与字体文本阴影text-shadow
2016-01-06
倣肆d張誑

嵌入字体： @font-face{ font-family:"字体名称"; src : 字体样式在服务器上的路径（相对/绝对） } 样式：p{ font-family:值与上面对应 }

查看全部

0 采集收起来源：CSS3文字与字体嵌入字体@font-face
2018-03-22
倣肆d張誑

内容溢出： text-overflow:clip(剪切)|ellipsis(显示省略标记) 实现省略标记： ...+ overflow:hidden; white-space:nowrap;

查看全部

0 采集收起来源：CSS3文字与字体 text-overflow 与 word-wrap
2016-01-06
倣肆d張誑

渐变：background-image : linear-gardient(方向,颜色顺序可多个)

查看全部

0 采集收起来源：CSS3颜色渐变色彩
2016-01-06

首页上一页 663 664 665 666 667 668 669 下一页尾页

0/150

提交

取消

开始学习

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

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