慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

慕粉1235539066

在CSS3中新增加了一个新的模块transition，它可以通过一些简单的CSS事件来触发元素的外观变化，让效果显得更加细腻。简单点说，就是通过鼠标的单击、获得焦点，被点击或对元素任何改变中触发，并平滑地以动画效果改变CSS的属性值。在CSS中创建简单的过渡效果可以从以下几个步骤来实现：第一，在默认样式中声明元素的初始状态样式；第二，声明过渡元素最终状态样式，比如悬浮状态；第三，在默认样式中通过添加过渡函数，添加一些不同的样式。 CSS3的过度transition属性是一个复合属性，主要包括以下几个子属性： •transition-property:指定过渡或动态模拟的CSS属性 •transition-duration:指定完成过渡所需的时间 •transition-timing-function:指定过渡函数 •transition-delay:指定开始出现的延迟时间

查看全部

0 采集收起来源：CSS3中的动画--过渡属性 transition-property
2017-04-22
慕粉1235539066

-webkit-transform:translate(-50%,-50%); -moz-transform:tanslate(-50%,-50%); transform:translate(-50%,-50%); 实现了水平垂直居中 translate(x,y);水平移动或上下移动

查看全部

0 采集收起来源：CSS3中的变形--位移 translate()
2017-04-22
慕粉1235539066

.wrapper div:hover { opacity: .5; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); transform: scale(0.8); }鼠标划过是缩小0.8倍，数值超过1，则为放大，大于0小于1则为缩小， skew()扭曲

查看全部

0 采集收起来源：CSS3中的变形--缩放 scale()
2017-04-22
慕粉1235539066

-webkit-transform: rotate(45deg); transform: rotate(45deg); rotate(度数);负数表示逆时针，正数表示顺时针

查看全部

0 采集收起来源：CSS3变形--旋转 rotate()
2017-04-22
weibo_杰克逊之死_0

3d旋转效果,主要是用了transform-style:preserve-3d;和transform:rotate加上transition:all三个功能.重写了下代码,源代码很多错误的地方.

查看全部

0 采集收起来源：制作3D旋转视频展示区
2017-04-21
慕桂英2574724

ol li:nth-last-child(2n+3){ background: orange; } ol li:nth-child(2n+1){ background:yellow; } li:last-child{ background-color:#7FFF00; }

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—nth-last-child(n)
2017-04-21
慕桂英2574724

:root选择器只对html有效。下面的属性标签没效。

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—root
2017-04-20
小茶人

在CSS2中常碰到的就是all（全部）、screen（屏幕）、print（页面打印或打印预览模式），其实媒体类型远不止这三种，W3C总共列出了10中媒体类型。

查看全部

0 采集收起来源：Media Queries——媒体类型（一）
2017-04-20
Wendy_22

http://www.cnblogs.com/mumble/p/4576489.html hack的问题解析

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—root
2017-04-20
Wendy_22

html代码： <a href="xxx.pdf">我链接的是PDF文件</a> <a href="#" class="icon">我类名是icon</a> <a href="#" title="我的title是more">我的title是more</a> css代码 a[class^=icon]{ background: green; color:#fff; } a[href$=pdf]{ background: orange; color: #fff; } a[title*=more]{ background: blue; color: #fff; }

查看全部

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

placehover：占位符

查看全部

0 采集收起来源：CSS3选择器 :enabled选择器
2017-04-20
letsgo5

多重背景需重看

查看全部

0 采集收起来源：CSS3背景制作导航菜单综合练习题
2017-04-20
Wendy_22

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>text-overflow</title> <style type="text/css"> .test_demo{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:200px; background:#ccc; } .test_demo2{ margin-top:30px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:2;/*行数*/ -webkit-box-orient:vertical; width:200px; background:#ccc; } </style> </head> <body> <div class="test_demo"> 超酷的IT技术学习平台（我是省略号） </div> <div class="test_demo2"> 超酷的IT技术学习平台<br/> 超酷的IT技术学习平台（我是省略号） </div> </body> </html>

查看全部

0 采集收起来源：CSS3文字与字体 text-overflow 与 word-wrap
2018-03-22
石头的守望

我的理解是：当元素设置box-sizing:content-box;元素盒子所占大小是width+padding+border 当元素设置box-sizing:border-box;元素盒子所点大小是不变的，仍然是widht

查看全部

0 采集收起来源：CSS3 盒子模型
2017-04-20
且行且戨

我们把播放动画的整个过程分别分为：初始状态、动画第一帧、动画最后一帧。那么none,forwards,backwards,both分别如下： none: 初始状态、动画第一帧、动画最后一帧、初始状态； forwards:初始状态、动画第一帧、动画最后一帧； backwards:动画第一帧、动画最后一帧、初始状态； both:动画第一帧、动画最后一帧；

查看全部

0 采集收起来源：CSS3中设置动画时间外属性
2017-04-19

首页上一页 251 252 253 254 255 256 257 下一页尾页

0/150

提交

取消

开始学习

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

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