慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

慕码人0911192

“>”是子元素选择器，“ ”空格是后代选择器，他们的区别：后代选择器：匹配父子关系和祖先-后代关系子元素选择器：匹配父子关系就是“>”（子元素选择器）只是匹配到他下面的一层，而不是多层

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—first-child
2018-03-22
慕码人0911192

大概格式：元素（...id=id名... ） <a href="#id名"> 点击处 </a> #id名：target { 编写点击后的元素样式; }

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—target
2018-03-22
太空米

animation-name属性主要是用来调用 @keyframes 定义好的动画。需要特别注意: animation-name 调用的动画名需要和“@keyframes”定义的动画名称完全一致（区分大小写），如果不一致将不具有任何动画效果。

查看全部

0 采集收起来源：CSS3中调用动画
2015-11-16
太空米

@keyframes changecolor{ 0%{ background: red; } 100%{ background: green; } } 类似于关键帧

查看全部

0 采集收起来源：CSS3 Keyframes介绍
2015-11-16
太空米

a{ transition: background 0.8s ease-in 0.3,color 0.6s ease-out 0.3;} 合在一起用，第一个是duration 第二个是delay

查看全部

0 采集收起来源：CSS3中的动画--过渡延迟时间 transition-delay
2015-11-16
太空米

matrix(abcdef) a x方向比例 b c 左右旋转压缩 d y方向比例 e f xy偏移量

查看全部

0 采集收起来源：CSS3中的变形--矩阵 matrix()
2015-11-16
太空米

transform:rotate(20deg); 表示顺时针旋转

查看全部

0 采集收起来源：CSS3变形--旋转 rotate()
2015-11-16
太空米

readonly 属性表示只读，在css中用：read-only和：read-write选择器来选择

查看全部

0 采集收起来源：CSS3选择器 :read-write选择器
2015-11-16
谷昂利

background-image:linear-gradient(225deg,red,yellow);

查看全部

0 采集收起来源：CSS3颜色渐变色彩
2015-11-15
270374856

border-radius是向元素添加圆角边框。使用方法： border-radius:10px; /* 所有角都使用半径为10px的圆角 */ border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角，顺时针 */ border-radius的值不仅能用px单位，还可以用百分比或者em，但兼容性目前还不太好。实心上半圆：方法：把高度(height)设为宽度（width）的一半，并且只设置左上角和右上角的半径与元素的高度一致（大于也是可以的）。实心圆：方法：把宽度（width）与高度(height)值设置为一致（也就是正方形），并且四个圆角值都设置为它们值的一半。

查看全部

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

在编写CSS3样式时，不同的浏览器可能需要不同的前缀。它表示该CSS属性或规则尚未成为W3C标准的一部分，是浏览器的私有属性。虽然目前较新版本的浏览器都是不需要前缀的，但为了更好的向前兼容前缀还是少不了的。前缀浏览器 -webkit chrome和safari -moz firefox -ms IE -o opera

查看全部

0 采集收起来源：什么是CSS3？
2015-11-15
qq_小柯_1

ease 规定慢速开始，然后变快，然后慢速结束的过渡效果; ease-in 规定以慢速开始的过渡效果; ease-out 规定以慢速结束的过渡效果; ease-in-out 规定以慢速开始和结束的过渡效果

查看全部

0 采集收起来源：CSS3中的动画--过渡属性 transition-property
2015-11-15
qq_小柯_1

translate()函数可以将元素向指定的方向移动，类似于position中的relative。或以简单的理解为，使用translate()函数，可以把元素从原来的位置移动，而不影响在X、Y轴上的任何Web组件。 translate(x,y),其中x为正数时，沿着x轴向右移动，负数时向左移动，y为正数时，沿着y轴向小移动，为负数时，沿着y轴向上移动。

查看全部

0 采集收起来源：CSS3中的变形--位移 translate()
2015-11-15
qq_小柯_1

缩放 scale()函数让元素根据中心原点对对象进行缩放。 scale(x,y),若想x轴不变，y轴变,这设置x轴为1，y轴设置想变化的值，想y轴不变同理，设置y为1

查看全部

0 采集收起来源：CSS3中的变形--缩放 scale()
2015-11-15
LZ1234567890

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

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（一）
2015-11-15

首页上一页 704 705 706 707 708 709 710 下一页尾页

0/150

提交

取消

开始学习

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

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