慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

web端大神

颜色之RGBA设置透明度语法： color：rgba(R,G,B,A) 以上R、G、B三个参数，正整数值的取值范围为：0 - 255。百分数值的取值范围为：0.0% - 100.0%。超出范围的数值将被截至其最接近的取值极限。并非所有浏览器都支持使用百分数值。A为透明度参数，取值在0~1之间，不可为负值。代码示例： background-color:rgba(100,120,60,0.5);

查看全部

0 采集收起来源：CSS3颜色颜色之RGBA
2016-07-24
web端大神

为边框应用图片 border-image background:url(xx.jpg) 10px 20px no-repeat；

查看全部

0 采集收起来源：CSS3边框为边框应用图片 border-image
2016-07-24
web端大神

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

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（二）
2016-07-24
web端大神

阴影 box-shadow（一）外阴影： .box_shadow{ box-shadow:4px 2px 6px #333333; } 内阴影： .box_shadow{ box-shadow:4px 2px 6px #333333 inset; } 多个阴影：（多个设置用逗号隔开） .box_shadow{ box-shadow:4px 2px 6px #f00, -4px -2px 6px #000, 0px 0px 12px 5px #33CC00 inset; }

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（一）
2016-07-24
web端大神

在类中定义border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角，顺时针 */ 若宽度和高度都设置为一半就为完整的圆形 height和width保持一致若border-radius小于半径可以设置圆角

查看全部

0 采集收起来源：CSS3边框圆角效果 border-radius
2016-07-24
时光遣散故人_3497406

设置动画时间外属性 animation-fill-mode属性定义在动画开始之前和结束之后发生的操作。主要具有四个属性值：none、forwards、backwords和both。其四个属性值对应效果如下：属性值效果 none 默认值，表示动画将按预期进行和结束，在动画完成其最后一帧时，动画会反转到初始帧处 forwards 表示动画在结束后继续应用最后的关键帧的位置 backwards 会在向元素应用动画样式时迅速应用动画的初始帧 both 元素动画同时具有forwards和backwards效果在默认情况之下，动画不会影响它的关键帧之外的属性，使用animation-fill-mode属性可以修改动画的默认行为。简单的说就是告诉动画在第一关键帧上等待动画开始，或者在动画结束时停在最后一个关键帧上而不回到动画的第一帧上。或者同时具有这两个效果。例如：让动画停在最一帧处。代码如下： animation-fill-mode:forwards;

查看全部

0 采集收起来源：CSS3中设置动画时间外属性
2016-07-24
web端大神

选择器、圆角、阴影

查看全部

0 采集收起来源：CSS3能做什么？
2016-07-24
时光遣散故人_3497406

123

查看全部

0 采集收起来源：CSS3中设置动画的播放状态
2016-07-24
web端大神

私有前缀，提高兼容性 -webkit- chrome和safari -moz- firefox -ms- IE -o- opera

查看全部

0 采集收起来源：什么是CSS3？
2016-07-24
时光遣散故人_3497406

总结下，CSS3中的三种动画:tranform形变动画/transition缓动动画/animation逐帧动画; tranform: rotate旋转/skew扭曲/scale缩放/translate移动/matrix矩阵变形; transition: property duration timing-function delay; animation: KeyframesName duration timing-function delay iteration-count direction play-state fill-mode

查看全部

0 采集收起来源：CSS3中设置动画播放时间
2016-07-24
Besingle

@font-face能够加载服务器端的字体文件，让浏览器端可以显示用户电脑里没有安装的字体

查看全部

0 采集收起来源：CSS3文字与字体嵌入字体@font-face
2016-07-24
master焚

input[type="radio"]:checked +span是说：input[type="radio"]的兄弟元素span在input[type="radio"]被选中后

查看全部

0 采集收起来源：CSS3选择器 :checked选择器
2018-03-22
master焚

:only-child 独生子选择器选择器选择的是父元素中只有一个子元素，而且只有唯一的一个子元素。也就是说，匹配的元素的父元素中仅有一个子元素，而且是一个唯一的子元素。

查看全部

0 采集收起来源：CSS3 only-child选择器
2016-07-24
master焚

:only-child”选择器选择的是父元素中只有一个子元素，而且只有唯一的一个子元素。也就是说，匹配的元素的父元素中仅有一个子元素，而且是一个唯一的子元素。

查看全部

0 采集收起来源：CSS3 only-child选择器
2016-07-24
master焚

:nth-child(n)”选择器用来定位某个父元素的一个或多个特定的子元素。其中“n”是其参数，而且可以是整数值(1,2,3,4)，也可以是表达式(2n+1、-n+5)和关键词(odd、even)，但参数n的起始值始终是1，而不是0。也就是说，参数n的值为0时，选择器将选择不到任何匹配的元素。

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—nth-child(n)
2016-07-24

首页上一页 470 471 472 473 474 475 476 下一页尾页

0/150

提交

取消

开始学习

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

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