十天精通CSS3_技术问答

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

十天精通CSS3

                
                大漠
            Web前端工程师

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

全部评论问答未解决精华

bu离丶_0

width:120px; height:120px; border:18px solid #ddd; border-image:url(http://img1.sycdn.imooc.com//52e22a1c0001406e03040221.jpg) 18 round;

0 2-4 CSS3边框为边框应用图片 border-image

2015-05-15

我就叫李二毛

感觉这个综合题目稍微有点难尤其是背景图片渐变哪一块。还是多多联系吧。

1 12-4 制作3D旋转视频展示区

2015-05-15

我就叫李二毛

background: -webkit-linear-gradient(to bottom, rgba(236,241,244,1) 0%,rgba(190,202,217,1) 100%);
background: -ms-linear-gradient(to bottom, rgba(236,241,244,1) 0%,rgba(190,202,217,1) 100%);
background: linear-gradient(to bottom, rgba(236,241,244,1) 0%,rgba(190,202,217,1) 100%);任务6

0 12-4 制作3D旋转视频展示区

2015-05-15

我就叫李二毛

border-radius:5px;
box-shadow:5px 5px 10px 1px #333; 任务5

0 12-4 制作3D旋转视频展示区

2015-05-15

我就叫李二毛

-webkit-transform: translateZ(-50px) rotateX(95deg);
-moz-transform:translateZ(-50px) rotateX(95deg);
-ms-transform:translateZ(-50px) rotateX(95deg);
-o-transform: translateZ(-50px) rotateX(95deg);
transform: translateZ(-50px) rotateX(95deg);任务4

0 12-4 制作3D旋转视频展示区

2015-05-15

我就叫李二毛

-webkit-transition: -webkit-transform .6s;
-moz-transition: -moz-transform .6s;
-ms-transition: -ms-transform .6s;
-o-transition: -o-transform .6s;
transition: all transform .6s;
任务三

0 12-4 制作3D旋转视频展示区

2015-05-15

我就叫李二毛

/*任务一、制作多背景*/
background-image: radial-gradient( farthest-side ellipse at center, rgba(246,241,232,.85) 39%,rgba(212,204,186,.5) 100%), url("http://fs0.139js.com/file/s_jpg_857b081bjw1du3kveu19sj.jpg");

/*任务二、控制背景图像尺寸*/
background-size:initial;

0 12-4 制作3D旋转视频展示区

2015-05-15

bu离丶_0

任务答案：box-shadow:6px -5px 6px #333;

0 2-3 CSS3边框阴影 box-shadow（二）

2015-05-15

我就叫李二毛

吧上面的任务文字全部都注释掉然后图片就可以显示了

1 12-4 制作3D旋转视频展示区

2015-05-15

老师，css工作流的那位老师说应该这么写，您能说说您这么写的理由么？

最新回答 / 邱政

点点滴滴

1 回答 923 浏览 1-1 什么是CSS3？

2015-05-15

bu离丶_0

嗯开始学习css3 加油一周学会全部的；

1 1-1 什么是CSS3？

2015-05-15

我就叫李二毛

h2,
p:nth-child(1){
-webkit-column-span:all;;
-moz-column-span:all;;
-o-column-span:all;;
-ms-column-span:all;;
column-span:all;;
text-align:center;
}

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

2015-05-15