慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

牟明涛

span { display: inline-block; width: 20px; height: 20px; background: orange; transform: translateY(90px); animation-name: move; animation-duration: 10s; animation-timing-function: ease-in; animation-delay: .2s; animation-iteration-count:infinite; animation-direction:alternate; /* 暂停播放 */ animation-play-state:paused; } /* 请注意这里的选择器 */ div:hover span { /* 开始播放 */ animation-play-state:running; }

查看全部

0 采集收起来源：CSS3中设置动画的播放状态
2016-08-23
牟明涛

span { display: inline-block; width: 20px; height: 20px; background: orange; transform: translateY(90px); animation-name: move; animation-duration: 10s; animation-timing-function: ease-in; animation-delay: .2s; animation-iteration-count:infinite; animation-direction:alternate; /* 暂停播放 */ animation-play-state:paused; } /* 请注意这里的选择器 */ div:hover span { /* 开始播放 */ animation-play-state:running; }

查看全部

0 采集收起来源：CSS3中设置动画的播放状态
2016-08-23
Airplane

animation 与transition div:hover{ animation:changecolor .5s ease-out .2s } 为什么上面用transition是错误的呢呢? transition的第一个参数是transition-property，是一些固定的，如transform等，不能是指定的动画名；另外，transition和animation的触发机制也不一样：animation是css选择器满足时就执行，transition则是通过事件（如鼠标滑过）才执行的。

查看全部

0 采集收起来源：CSS3 Keyframes介绍
2016-08-22
慕粉3225638

分列还挺有意思，我也弄不到和图片一样

查看全部

0 采集收起来源：CSS3 多列布局——column-width
2016-08-22
慕粉3225638

棒棒的分栏啊

查看全部

0 采集收起来源：CSS3 多列布局——Columns
2016-08-22
慕粉3225638

3D的菜单很好玩

查看全部

0 采集收起来源：制作3D旋转导航综合练习题
2016-08-22
慕粉3225638

非常有意思

查看全部

0 采集收起来源：CSS3中设置动画时间外属性
2016-08-22
Airplane

transition: all .5s ease-in .2s;这里面all代表什么？ all就是要变换多个属性然后懒不想一个个写所以用all代替后面所以需要变换的属性不然也可以一个一个写像a{transition:background .5s ease .2s,border-radius .5s ease .2s;} 或者合起来直接a{all .5s ease .2s;}。

查看全部

2 采集收起来源：CSS3中的动画--过渡延迟时间 transition-delay
2016-08-22
慕粉3225638

特别好玩，还可以控制播放哦

查看全部

0 采集收起来源：CSS3中设置动画的播放状态
2016-08-22
慕粉3225638

特别有意思的动画

查看全部

0 采集收起来源：CSS3中设置动画播放方向
2016-08-22
Airplane

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

查看全部

1 采集收起来源：CSS3中的变形--矩阵 matrix()
2016-08-22
Airplane

translate是针对元素本身，left和top是针对其父元素；这几行代码先让.wrapper的最左边移动到其父元素的中间，然后再向左移动自身宽度的一半，这样就达到了居中的效果了。

查看全部

1 采集收起来源：CSS3中的变形--位移 translate()
2016-08-22
1101931365

自由缩放属性resize 为了增强用户体验，CSS3增加了很多新的属性，其中resize就是一个重要的属性，它允许用户通过拖动的方式来修改元素的尺寸来改变元素的大小。到目前为止，可以使用overflow属性的任何容器元素。在此之前，Web设计师为了要实现这样具有拖动效果的UI，使用大量的脚本代码才能实现，这样费时费力，效率极低。 resize属性主要是用来改变元素尺寸大小的，其主要目的是增强用户体验。但使用方法却是极其的简单，先从其语法入手。 resize: none both horizontal vertical inherit

查看全部

0 采集收起来源：自由缩放属性resize
2016-08-22
慕粉3225638

太好玩了

查看全部

0 采集收起来源：CSS3中调用动画
2016-08-22
慕粉3225638

这几课太有意思啦留个大大的记号

查看全部

0 采集收起来源：CSS3 Keyframes介绍
2016-08-22

首页上一页 430 431 432 433 434 435 436 下一页尾页

0/150

提交

取消

开始学习

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

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