慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

527925921

其主要有两个值：normal、alternate 1、normal是默认值，如果设置为normal时，动画的每次循环都是向前播放； 2、另一个值是alternate，他的作用是，动画播放在第偶数次向前播放，第奇数次向反方向播放。

查看全部

0 采集收起来源：CSS3中设置动画播放方向
2015-10-20
527925921

-webkit-

查看全部

0 采集收起来源：CSS3中调用动画
2015-10-20
527925921

@-webkit-keyframes changecolor{ div:hover { -webkit-animation: changecolor 5s ease-out .2s; }

查看全部

0 采集收起来源：CSS3 Keyframes介绍
2015-10-20
527925921

其实拆分开来教学，反而增加了课程难度。直接合在一起讲述：transition: all 3s ease-in-out .8s;(所有属性，持续3秒，先加速再减速变化，延迟0.8秒再执行变化，对于零可以省略)。然后就没有然后。

查看全部

1 采集收起来源：CSS3中的动画--过渡属性 transition-property
2015-10-20
527925921

旋转，缩放时，定中心点：transform-origin

查看全部

0 采集收起来源：CSS3中的变形--原点 transform-origin
2015-10-20
527925921

a为元素的水平伸缩量，1为原始大小； b为纵向扭曲，0为不变； c为横向扭曲，0不变； d为垂直伸缩量，1为原始大小； e为水平偏移量，0是初始位置； f为垂直偏移量，0是初始位置

查看全部

0 采集收起来源：CSS3中的变形--矩阵 matrix()
2015-10-20
527925921

1. top：50%，left：50%，是将色块的左上角定位在了屏幕的中央，但是，整体并不在中央； 2. translate的百分比是根据自身的宽度和高度来定的，translate(-50%,-50%) 配合 top：50%，left：50% 实现了居中

查看全部

1 采集收起来源：CSS3中的变形--位移 translate()
2015-10-20
527925921

旋转rotate()函数通过指定的角度参数使元素相对原点进行旋转。它主要在二维空间内进行操作，设置一个角度值，用来指定旋转的幅度。如果这个值为正值，元素相对原点中心顺时针旋转；如果这个值为负值，元素相对原点中心逆时针旋转。

查看全部

0 采集收起来源：CSS3变形--旋转 rotate()
2015-10-20
527925921

/*outline和border类似*/ outline: red solid 22px ; /*outline-offset属性表示偏移距离，需要单独设置*/ outline-offset:10px;

查看全部

0 采集收起来源：CSS3外轮廓属性
2015-10-20
527925921

设置断点应把握三个要点：满足主要的断点；有可能的话添加一些别的断点；设置高于1024的桌面断点。

查看全部

0 采集收起来源：Responsive设计（二）
2015-10-20
527925921

only的意思就是，有的设备不支持媒体特性（一些写法可能在不同设备中不支持），就不调用样式。支持的话当然就调用啦。

查看全部

0 采集收起来源：Media Queries使用方法
2015-10-20
西域码农

结构性伪类选择器—last-child “:last-child”选择器与“:first-child”选择器作用类似，不同的是“:last-child”选择器选择的是元素的最后一个子元素。例如，需要改变的是列表中的最后一个“li”的背景色，就可以使用这个选择器， ul>li:last-child{background:blue;}

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—last-child
2018-03-22
527925921

column-rule:<column-rule-width>|<column-rule-style>|<column-rule-color>

查看全部

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

/*这个样式包含两层box-shadow，.effect上的div的前（before）后(after)都添加一个空元素，然后为这两个空元素添加阴影特效,则此时就会出现阴影叠加效果*/ .effect::before, .effect::after{ content:""; position:absolute; z-index:-1; /*阴影x轴偏移0px，y轴偏移0px，阴影的模糊半径10px，阴影的延伸半径10px，颜色蓝色，透明度0.8*/ box-shadow:0 0 10px 10px rgba(0,0,255,0.8); }

查看全部

0 采集收起来源：CSS3选择器 ::before和::after
2018-03-22
西域码农

结构性伪类选择器—first-child “:first-child”选择器表示的是选择父元素的第一个子元素的元素E。简单点理解就是选择元素中的第一个子元素，记住是子元素，而不是后代元素。

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—first-child
2015-10-20

首页上一页 726 727 728 729 730 731 732 下一页尾页

0/150

提交

取消

开始学习

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

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