慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

慕小主

background-origin 设置元素背景图片的原始起始位置。语法： background-origin ： border-box | padding-box | content-box; 参数分别表示背景图片是从边框，还是内边距（默认值），或者是内容区域开始显示。效果如下：课程中需要注意的是，如果背景不是no-repeat，这个属性无效，它会从边框开始显示。

查看全部

0 采集收起来源：CSS3背景 background-origin
2016-06-11
jinleli

css3概括的学习了下，很多都还不怎么懂，几个列子也没搞懂 http://www.tuicool.com/articles/qmymAjv这个地址讲的博客后面再看，目前看来还需要学点基础的东西再来看这个课程，后面的就不看了

查看全部

0 采集收起来源：Responsive设计（一）
2016-06-10
qq_桀寳星_03357075

scale()以元素中心为基点进行缩放。 1.scale(X,Y)使元素水平和垂直方向同时缩放; 2.scaleX(x)使元素水平方向缩放; 3.scaleY(y)使元素垂直方向绽放; 注：缩放值默认为1，0.01-0.99为缩小；1.01以上为放大

查看全部

0 采集收起来源：CSS3中的变形--缩放 scale()
2016-06-09
嗨嶏_嗨嶏

:nth-child(odd/even) odd:奇数节点 even：偶数节点

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—nth-child(n)
2016-06-08
蜕变的蝴蝶

div { width: 200px; height: 200px; background: red; margin: 20px auto; transition:all 1s;//transition可以简写 } div:hover { width: 400px; }

查看全部

0 采集收起来源：CSS3中的动画--过渡属性 transition-property
2016-06-08
蜕变的蝴蝶

.wrapper { padding: 20px; background:orange; color:#fff; position:absolute; top:50%;//是指body的高度的50%； left:50%;//是指body的宽度的50%； border-radius: 5px; //是指.wrapper的宽度和高度的50%； -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }

查看全部

0 采集收起来源：CSS3中的变形--位移 translate()
2016-06-08
蜕变的蝴蝶

旋转rotate()函数通过指定的角度参数使元素相对原点进行旋转。如果这个值为正值，元素相对原点中心顺时针旋转；如果这个值为负值，元素相对原点中心逆时针旋转。

查看全部

0 采集收起来源：CSS3变形--旋转 rotate()
2016-06-08
blovetu

column-span：none | all;定义一个分列元素中的子元素能跨列多少。 none;默认值，表示不跨越任何列； all;表示元素跨越所有列，并定位在列的z轴之上。

查看全部

0 采集收起来源：CSS3 跨列设置column-span
2016-06-08
blovetu

column-rule:<column-rule-width>|<column-rule-style>|<column-rule-color>列表边框 column-rule-width:列表边框的宽度； column-rule-style:列表边框的样式； column-rule-color:列表边框的颜色。

查看全部

0 采集收起来源：CSS3 列表边框column-rule
2018-03-22
blovetu

column-gap: normal||<length>;列间距 normal:默认值，默认1em(其默认值为你的font-size值）； <length>:列与列之间的距离。

查看全部

0 采集收起来源：CSS3 列间距column-gap
2018-03-22
blovetu

column-count: auto|<integer> auto:默认值，表示元素只有一列； <integer>：此值为正整数值，主要定义元素的列数

查看全部

0 采集收起来源：CSS3 多列布局——column-count
2018-03-22
blovetu

多列布局column-width: auto|<length>; auto:元素多列的列宽由其他属性来决定，比如前面的column-count来决定。 length:使用固定值来设置元素列的宽度。

查看全部

0 采集收起来源：CSS3 多列布局——column-width
2018-03-22
blovetu

columns多列布局。 columns:<column-width>||<column-count> column-width:用来定义多列中每列的宽度; column-count:用来定义多列中的列数

查看全部

0 采集收起来源：CSS3 多列布局——Columns
2018-03-22
幕布斯2384665

总结下，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-06-08
闽洛汐

input[type="checkbox"]:checked + span('+'代表同级)

查看全部

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

首页上一页 501 502 503 504 505 506 507 下一页尾页

0/150

提交

取消

开始学习

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

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