十天精通CSS3_技术问答

首页免费课十天精通CSS3 问答

十天精通CSS3

                
                大漠
            Web前端工程师

                    查看讲师更多课程 
                    大漠讲师的其他课程
                
Sass进阶篇
中级·46638
免费课程
                                
Sass入门篇
中级·104408
免费课程
                                
玩转Bootstrap（JS插件篇）
中级·128643
免费课程
                                
玩转Bootstrap（基础）
初级·314533
免费课程
                                
                难度初级
            
                时长 5小时 0分
            
                学习人数
            
综合评分9.40
                            485人评价
                        查看评价
                                9.7
                                内容实用
                            
                                9.3
                                简洁易懂
                            
                                9.2
                                逻辑清晰

全部评论问答未解决精华

hjk931719117

这个属性告诉我们,有些人可以一路走到底（forwards）,有些人在遭受伤害后可以恢复到以前（none）,甚至有些人可以从伤痛中快速的逃离（backwards）,然而有些人已经回不去了,也不知道后面的路该如何走下去（both）.--HJK 2015年1月25日18:19:02

171 9-9 CSS3中设置动画时间外属性

2015-01-25

hjk931719117

暂停功能。。哈哈

0 9-8 CSS3中设置动画的播放状态

2015-01-25

hjk931719117

总结下，CSS3中的三种动画:tranform形变动画/transition缓动动画/animation逐帧动画;
tranform: rotate旋转/skew扭曲/scale缩放/translate移动/matrix矩阵变形;
transition: property duration timing-function delay;
animation: KeyframesName duration timing-function delay iteration-count direction play-state fill-mode;

104 9-3 CSS3中设置动画播放时间

2015-01-25

hjk931719117

我去，真TM的太强大了。跟FLASH的逐帧动画类似。

0 9-1 CSS3 Keyframes介绍

2015-01-25

hjk931719117

transition: property duration timing-function delay;咳咳，这个语法要记一下。

16 8-10 CSS3中的动画--过渡延迟时间 transition-delay

2015-01-25

hjk931719117

怕报错，就下个editplus复制进去写了测试正确再复制进来。

0 8-9 CSS3中的动画--过渡函数 transition-timing-function

2015-01-25

hjk931719117

用这货可以做出简单的过度动画了。it's so cool!

2 8-7 CSS3中的动画--过渡属性 transition-property

2015-01-25

hjk931719117

就是用来转化中心点的，Flash中原件啥的旋转变形等都以中心点为基础，这里是一个道理。

0 8-6 CSS3中的变形--原点 transform-origin

2015-01-25

hjk931719117

interesting

1 8-5 CSS3中的变形--矩阵 matrix()

2015-01-25

hjk931719117

咳咳，课程展示的图片放大效果不会就是这个做的吧。。哇哈哈

0 8-3 CSS3中的变形--缩放 scale()

2015-01-25

abc999

text-overflow只是用来说明文字溢出时用什么方式显示，要实现溢出时产生省略号的效果，还须定义强制文本在一行内显示（white-space:nowrap）及溢出内容为隐藏（overflow:hidden），只有这样才能实现溢出文本显示省略号的效果

text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;

0 4-1 CSS3文字与字体 text-overflow 与 word-wrap

2015-01-25

abc999

background-image:liear-gradient(to top left,red,black);
to top 从上到下
to right 从左向右
to bottom 从上向下
to left 从右向左
to top left 右下角到左上角
to top right 左下角向右下角

1 3-2 CSS3颜色渐变色彩

2015-01-25

abc999

p{
font-size:42px;
text-align:center;
font-weight:bold;
background:rgba(255,255,255,0.5);
}

0 3-1 CSS3颜色颜色之RGBA

2015-01-25

abc999

.box_shadow{
box-shadow:5px 5px 7px #fda;
}

1 2-2 CSS3边框阴影 box-shadow（一）

2015-01-25

郑帅

简单问题复杂化了，最后改成
h2{
-webkit-column-span:all;
}
就可以啦

0 10-6 CSS3 跨列设置column-span

2015-01-25

Ian_Morris

这。。。还非得用上百分比控制size才能通过啊。。

0 5-4 CSS3背景 multiple backgrounds

2015-01-25

首页上一页 403 404 405 406 407 408 409 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

十天精通CSS3