慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

langqiqi

box-sizing:border-box;}吗？谁

查看全部

0 采集收起来源：CSS3 盒子模型
2016-03-18
Leadn

在默认情况之下，动画不会影响它的关键帧之外的属性，使用animation-fill-mode属性可以修改动画的默认行为。简单的说就是告诉动画在第一关键帧上等待动画开始，或者在动画结束时停在最后一个关键帧上而不回到动画的第一帧上。或者同时具有这两个效果。

查看全部

0 采集收起来源：CSS3中设置动画时间外属性
2016-03-18
Leadn

animation-play-state 中说元素样式将回到最原始设置状态？ test中似乎不是

查看全部

0 采集收起来源：CSS3中设置动画的播放状态
2016-03-18
成主

Css3笔记：

查看全部

0 采集收起来源：CSS3能做什么？
2016-03-18
yangyuan

transition-timing-function属性指的是过渡的“缓动函数”。主要用来指定浏览器的过渡速度，以及过渡期间的操作进展情况，其中要包括以下几种函数： ease默认值 linear匀速 ease-in加速渐显 ease-in减速渐隐 ease-in-out 渐现渐隐

查看全部

0 采集收起来源：CSS3中的动画--过渡函数 transition-timing-function
2016-03-18
langqiqi

div span { display: inline-block; width: 20px; height: 20px; background: green; border-radius: 100%; animation-name:move; animation-duration: 10s; animation-timing-function:ease; animation-delay:.1s; animation-iteration-count:infinite; }

查看全部

0 采集收起来源：CSS3中设置动画播放次数
2016-03-18
langqiqi

-webkit-animation:move 10s ease-in 0.5s infinite;

查看全部

0 采集收起来源：CSS3中设置动画播放次数
2016-03-18
qq_小沙子_1

未完待续3

查看全部

0 采集收起来源：制作3D旋转视频展示区
2016-03-18
文淇

1、clear: both; 清除全部样式个样式主要是用于对多个div浮动的清除，如float:left,如果不清除，很容易对下面的div造成显示错位 2、zoom:1;属性是IE浏览器的专有属性，Firefox等其它浏览器不支持。它可以设置或检索对象的缩放比例。除此之外，它还有其他一些小作用，比如触发ie的hasLayout属性，清除浮动、清除margin的重叠等。 3、::before和::after与content:""成对出现

查看全部

0 采集收起来源：CSS3选择器 ::before和::after
2018-03-22
文淇

1、对于CSS2之前已有的伪元素，比如:before，单冒号和双冒号的写法::before作用是一样的。所以，如果你的网站只需要兼容webkit、firefox、opera等浏览器，建议对于伪元素采用双冒号的写法 2、border-radius后面应该是 8 个值，完整的写法是 border-radius : 1px 1px 1px 1px / 1px 1px 1px 1px; border-radius:100px / 10px 其实就是写法1： border-radius:100px 100px 100px 100px / 10px 10px 10px 10px; 写法2： border-top-left-radius: 100px 10px; border-top-right-radius: 100px 10px; border-bottom-right-radius: 100px 10px; border-bottom-left-radius: 100px 10px; 而我们写法2经常后面只写一个值，这种写法就是两个值都是一样的一种简写。 border-radius是一种缩写方法。如果“/”前后的值都存在，那么“/”前面的值设置其水平半径，“/”后面值设置其垂直半径。 3、设置了两个relative，那么绝对定位是以哪个为参考呢逐级往上找，先碰到哪个就是那个 4、

查看全部

0 采集收起来源：CSS3选择器 ::before和::after
2016-03-18
文淇

readonly 与disabled区别 1、提交表单的时候disable不能提交，readonly可以提交。亲测有效哦~ 2、样式有点不一样啦，你知道的disabled是灰色，一般我们可以用readonly来模拟 disabled~ 3、readonly只针对input(text/password)，textarea这样的文本输入域(不包括select等元素)有效,而disabled对所有表单元素均有效。

查看全部

0 采集收起来源：CSS3选择器 :read-only选择器
2016-03-18
zifengxiuluo

内阴影的偏移导致有两个边无法显示内阴影，只有无偏移时4个边都有阴影

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（一）
2016-03-18
miqiang

1.多加这两个阴影样式：“-webkit-box-shadow:”“-moz-box-shadow:”是为了兼容多浏览器的。 2.“z-index:-1;”是为了把红框盖住，只显示其阴影，如果把此行代码去掉，会看到一个红框。 3.“position:absolute;”“top:50%;”是以box为参考定位的。 4.class="box effect"，是类选择器的知识，及表示class=“box”与class="effect"的组合。如果把.effect换成.box效果依然相同，用.effect表示语义更加明白。

查看全部

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

这个效果是这么实现的： 1、box背景色设为橙色的圆形 2、box中子元素包括单选按钮radio（默认样式）和span（背景为白色圆形，我们的自定义样式），但是radio不显示（因为是完全透明的） 3、被选中的单选按钮和span会显示（完全不透明），而未被选中的单选按钮不显示（因为是完全透明的）

查看全部

0 采集收起来源：CSS3选择器 :checked选择器
2016-03-17
韶光密林

这道题的关键点是这些伪类，能实现点击切换效果的是:target 和 :not()；不过像::before和::after也很不错，它给了我另外一种网页布局的新思路。

查看全部

0 采集收起来源：切换背景图像综合练习题
2016-03-17

首页上一页 598 599 600 601 602 603 604 下一页尾页

0/150

提交

取消

开始学习

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

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