慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

ikicw

RGB是一种色彩标准，是由红(R)、绿(G)、蓝(B)的变化以及相互叠加来得到各式各样的颜色。RGBA是在RGB的基础上增加了控制alpha透明度的参数。 color：rgba(R,G,B,A)

查看全部

0 采集收起来源：CSS3颜色颜色之RGBA
2015-08-24
ikicw

border-image:url(borderimg.png) 70 repeat 重复 border-image:url(borderimg.png) 70 round; Round 参数：Round可以理解为圆满的铺满。为了实现圆满所以会压缩（或拉伸）； border-image:url(borderimg.png) 70 stretch 拉伸

查看全部

0 采集收起来源：CSS3边框为边框应用图片 border-image
2015-08-24
ikicw

阴影模糊半径：此参数可选，其值只能是为正值，如果其值为0时，表示阴影不具有模糊效果，其值越大阴影的边缘就越模糊；阴影扩展半径：此参数可选，其值可以是正负值，如果值为正，则整个阴影都延展扩大，反之值为负值时，则缩小；注意y轴偏移的数值区别

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（二）
2015-08-24
ikicw

box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]; inset 可以写在参数的第一个或最后一个，其它位置是无效的。 .box_shadow{ box-shadow:4px 2px 6px #333333;

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（一）
2015-08-24
ikicw

实心上半圆： div{ height:50px;/*是width的一半*/ width:100px; background:#9da; border-radius:50px 50px 0 0;/*半径至少设置为height的值*/ }

查看全部

0 采集收起来源：CSS3边框圆角效果 border-radius
2015-08-24
rain_x

box-shadow:h-shadow v-shadow blur spread color inset; h-shadow:必选。水平阴影的位置。允许负值。 v-shadow:必选。垂直阴影的文章。允许负值。 blur:可选。模糊距离。 spread:可选。阴影尺寸。 color:可选。阴影颜色。 inset:位置将外部阴影 (outset) 改为内部阴影。写在参数的第一个或者最后一个。多个阴影逗号隔开。

查看全部

1 采集收起来源：CSS3边框阴影 box-shadow（一）
2015-08-24
hunter_lm

使用translate实现水平居中

查看全部

0 采集收起来源：CSS3中的变形--位移 translate()
2015-08-23
hunter_lm

各选择器之间的书写顺序需要详细理解的部分： 1.源码中的动画效果 2.::before和::after添加蒙板的效果

查看全部

0 采集收起来源：切换背景图像综合练习题
2015-08-23
hunter_lm

::before,::after

查看全部

0 采集收起来源：CSS3选择器 ::before和::after
2015-08-23
hunter_lm

冒号前没有空格

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—not
2015-08-23
西风潇潇

“实心左半圆形” 把宽度（width）设为高度(height)的一半，并且只设置左上角和左下角的半径与元素的高度一致（大于也是可以的）。如下代码： div{ height:100px;/*与width设置一致*/ width:50px; background:#9da; border-radius:50px 0 0 50px;/*半径至少设置为width的值*/ }

查看全部

0 采集收起来源：CSS3边框圆角效果 border-radius
2015-08-22
小小程序员一枚

div { width: 200px; height: 200px; background: red; margin: 20px auto; /*•transition-property:指定过渡的CSS属性,all表示全部*/ /*transition-property:all;*/ /*指定过渡的时间*/ /*transition-duration:.5s;*/ /*指定过渡的方式*/ /*transition-timing-function: ease-in;*/ /*指定过度的延时*/ /* transition-delay:.18s;*/ /*以下设置表示: 背景色过渡需要1s，方式ease，宽度过渡延时1s，过渡需要1s，方式ease，透明度过渡延时2s，过渡需要1s，方式ease*/ transition:background-color 1s ease , width 1s ease 1s, opacity 1s ease 2s; } div:hover { opacity:0.1; width: 400px; background-color:green; }

查看全部

0 采集收起来源：CSS3中的动画--过渡属性 transition-property
2015-08-22
思索前进

text-overflow:用来设置是否使用省略标记（...）表示对象内文本的益出 text-overflow：实现一处省略号，需强制文本在一行即：white-space:nowrap和益出内容为隐藏即：overflow：hidden;

查看全部

0 采集收起来源：CSS3文字与字体 text-overflow 与 word-wrap
2015-08-22
思索前进

background-image:linear-gradient(to botton,#fff,#999 ) linear-gradient:渐变的方向 to botton：从上倒下 #fff,#999：颜色值（可以有多个颜色值）

查看全部

0 采集收起来源：CSS3颜色渐变色彩
2015-08-22
思索前进

RGBA：是在RGB上增加了控制alpha透明度参数， RGB：取值是（0-255） A:取值是（0-1）

查看全部

0 采集收起来源：CSS3颜色颜色之RGBA
2015-08-22

首页上一页 803 804 805 806 807 808 809 下一页尾页

0/150

提交

取消

开始学习

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

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