慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

太空米

:root 表示选择html元素

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—root
2015-11-10
太空米

<style type="text/css"> a[class^=column]{background-color:red; } 开头是 a[href$=doc]{background-color:green; } 结尾 a[title*=box]{background-color:blue; } 包含 </style>

查看全部

0 采集收起来源：CSS3选择器属性选择器
2018-03-22
周火箭

div 与Not不能有空格

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—not
2015-11-10
慕标6343877

很好的例子

查看全部

0 采集收起来源：CSS3背景 background-origin
2015-11-10
慕标6343877

可以百分号也可以px

查看全部

0 采集收起来源：CSS3边框圆角效果 border-radius
2015-11-10
fwj唯一

设置动画播放方式 animation-timing-function属性主要用来设置动画播放方式。主要让元素根据时间的推进来改变属性值的变换速率，简单点说就是动画的播放方式。

查看全部

0 采集收起来源：CSS3中设置动画播放方式
2015-11-10
fwj唯一

animation-name属性主要是用来调用 @keyframes 定义好的动画。需要特别注意: animation-name 调用的动画名需要和“@keyframes”定义的动画名称完全一致（区分大小写），如果不一致将不具有任何动画效果。语法： animation-name: none | IDENT[,none|DENT]*; 1、IDENT是由 @keyframes 创建的动画名，上面已经讲过了（animation-name 调用的动画名需要和“@keyframes”定义的动画名称完全一致）； 2、none为默认值，当值为 none 时，将没有任何动画效果,这可以用于覆盖任何动画。注意：需要在 Chrome 和 Safari 上面的基础上加上-webkit-前缀，Firefox加上-moz-。

查看全部

0 采集收起来源：CSS3中调用动画
2015-11-10
fwj唯一

变形--原点 transform-origin 任何一个元素都有一个中心点，默认情况之下，其中心点是居于元素X轴和Y轴的50%处。如下图所示：在没有重置transform-origin改变元素原点位置的情况下，CSS变形进行的旋转、位移、缩放，扭曲等操作都是以元素自己中心位置进行变形。但很多时候，我们可以通过transform-origin来对元素进行原点位置改变，使元素原点不在元素的中心位置，以达到需要的原点位置。

查看全部

0 采集收起来源：CSS3中的变形--原点 transform-origin
2015-11-10
fwj唯一

变形--矩阵 matrix() matrix() 是一个含六个值的(a,b,c,d,e,f)变换矩阵，用来指定一个2D变换，相当于直接应用一个[a b c d e f]变换矩阵。就是基于水平方向（X轴）和垂直方向（Y轴）重新定位元素,此属性值使用涉及到数学中的矩阵，我在这里只是简单的说一下CSS3中的transform有这么一个属性值，如果需要深入了解，需要对数学矩阵有一定的知识。

查看全部

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

圆角效果 border-radius

查看全部

0 采集收起来源：CSS3边框圆角效果 border-radius
2015-11-09
zhaojun8511

3D旋转展示区

查看全部

0 采集收起来源：制作3D旋转视频展示区
2015-11-09
慕容9026743

背景图片 background-origin 图片位置 background-clip: 背景切割 background-size: (aoto,contain cover) background-position:

查看全部

0 采集收起来源：CSS3背景 background-size
2015-11-09
慕容9026743

关于字体的设置：设置多余字单行隐藏显示省略标记。 text-overflow:ellipsis; overflow:hidden; white-space:nowrap 文本阴影：text-shadow

查看全部

0 采集收起来源：CSS3文字与字体 text-overflow 与 word-wrap
2015-11-09
zhaojun8511

1.1024px显屏 @media screen and (max-width : 1024px) { /* 样式写在这里 */ } 2.800px显屏 @media screen and (max-width : 800px) { /* 样式写在这里 */ } 3.640px显屏 @media screen and (max-width : 640px) { /* 样式写在这*/ } 4.iPad横板显屏 @media screen and (max-device-width: 1024px) and (orientation: landscape) { /* 样式写在这 */ } 5.iPad竖板显屏 @media screen and (max-device-width: 768px) and (orientation: portrait) { /* 样式写在这 */ } 6.iPhone 和 Smartphones @media screen and (min-device-width: 320px) and (min-device-width: 480px) { /* 样式写在这 */ }

查看全部

0 采集收起来源：Responsive设计——不同设备的分辨率设置
2015-11-09
霍丶

重复旋转小球

查看全部

0 采集收起来源：CSS3中调用动画
2015-11-09

首页上一页 709 710 711 712 713 714 715 下一页尾页

0/150

提交

取消

开始学习

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

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