慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

慕码人1183263

hover中设置的值都会改变，不止只会改变transition-property设置的值，只是不设置transition-propery的话，不会产生过度效果，很生硬直接变． ease 规定慢速开始，然后变快，然后慢速结束的过渡效果（cubic-bezier(0.25,0.1,0.25,1)）。 ease-in 规定以慢速开始的过渡效果（等于 cubic-bezier(0.42,0,1,1)）。 ease-out 规定以慢速结束的过渡效果（等于 cubic-bezier(0,0,0.58,1)）。 ease-in-out 规定以慢速开始和结束的过渡效果（等于 cubic-bezier(0.42,0,0.58,1)）。

查看全部

0 采集收起来源：CSS3中的动画--过渡属性 transition-property
2017-03-09
maosailong

等于重写了单选框的样式很好

查看全部

0 采集收起来源：CSS3选择器 :checked选择器
2017-03-09
李月亮3263750

box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（一）
2017-03-09
qq_凯文

不用再像以前用浮动一样，还得把第一个或最后一个的边框样式清除

查看全部

0 采集收起来源：CSS3 列表边框column-rule
2017-03-09
maosailong

mark一下

查看全部

0 采集收起来源：CSS3背景制作导航菜单综合练习题
2017-03-09
qq_凯文

transition: property duration timing-function delay;

查看全部

0 采集收起来源：CSS3中的动画--过渡延迟时间 transition-delay
2017-03-08
qq_凯文

ease 规定慢速开始，然后变快，然后慢速结束的过渡效果（cubic-bezier(0.25,0.1,0.25,1)）。 ease-in 规定以慢速开始的过渡效果（等于 cubic-bezier(0.42,0,1,1)）。 ease-out 规定以慢速结束的过渡效果（等于 cubic-bezier(0,0,0.58,1)）。 ease-in-out 规定以慢速开始和结束的过渡效果（等于 cubic-bezier(0.42,0,0.58,1)）。其实拆分开来教学，反而增加了课程难度。直接合在一起讲述：transition: all 3s ease-in-out .8s;(所有属性，持续3秒，先加速再减速变化，延迟0.8秒再执行变化，对于零可以省略)。然后就没有然后。

查看全部

0 采集收起来源：CSS3中的动画--过渡属性 transition-property
2017-03-08
qq_凯文

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

查看全部

0 采集收起来源：CSS3中的变形--矩阵 matrix()
2017-03-08
qq_凯文

以下是在网上查找到的关于translate和position：relative的区别：相同点：两者都是相对于本身移动位置区别： 1、当元素原来已经有position:absolute的时候，这时候你想相对于本身移动，可以使用translate 2、做动画的时候translate更适合，不会引起页面的重排和重绘 3、关于transform类的，可以使用GPU加速，提高浏览器的性能？总之：transform更适用于动画不要赞我 1. top：50%，left：50%，是将色块的左上角定位在了屏幕的中央，但是，整体并不在中央； 2. translate的百分比是根据自身的宽度和高度来定的，translate(-50%,-50%) 配合 top：50%，left：50% 实现了居中

查看全部

0 采集收起来源：CSS3中的变形--位移 translate()
2017-03-08
qq_凯文

内联元素也就是行内元素不能更改宽度与高度，只能根据内容来确定要显示的大小，自然就无法旋转等，所以一定要将其转化为块元素它才会具有占据一整行的特性，也就能自由更改宽度和高度。

查看全部

0 采集收起来源：CSS3变形--旋转 rotate()
2017-03-08
Joanna

用逗号隔开每组 background 的缩写值；如果有 size 值，需要紧跟 position 并且用 "/" 隔开；如果有多个背景图片，而其他属性只有一个（例如 background-repeat 只有一个），表明所有背景图片应用该属性值。 background-color 只能设置一个。

查看全部

0 采集收起来源：CSS3背景 multiple backgrounds
2018-03-22
小小go

Flex布局：：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool

查看全部

0 采集收起来源：CSS3 伸缩布局（二）
2017-03-08
小小go

两句话解释什么是box-sizing 1. CSS2中，元素(例如div)的内边距(padding)和边框(border)会把元素自身撑大。想要个100*100px的div，都要事先计算，例如，内容80px + 内边距15px + 边框5px = 100px 2. CSS3中，新增 box-sizing 属性，如果设置元素为 box-sizing: border-box，那么元素的内边距(padding)和边框(border)不会再把元素自身撑大。例如，设置div为100*100px，那么无论div里内容、内边距、边框的宽高怎么变化，div的大小永远都是100*100px

查看全部

0 采集收起来源：CSS3 盒子模型
2017-03-08
慕粉1433309278

mark

查看全部

0 采集收起来源：CSS3 first-of-type选择器
2017-03-08
慕粉1433309278

nth-last-child(n),

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—nth-last-child(n)
2017-03-08

首页上一页 295 296 297 298 299 300 301 下一页尾页

0/150

提交

取消

开始学习

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

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