十天精通CSS3_技术问答

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

十天精通CSS3

                
                大漠
            Web前端工程师

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

全部评论问答未解决精华

慕先生6568010

学着学着就硬了

3 12-3 CSS生成内容

2017-05-11

qq_故事谁来说_0

/*任务九、显示下拉导航菜单，并其设置一个变形效果*/

.nav-menu > li:hover ul {

display: block;

transform: rotateX(0deg);
}

0 9-10 制作3D旋转导航综合练习题

2017-05-11

qq_故事谁来说_0

/*任务八、设置导航当前状态与悬浮状态下的背景效果*/
.nav-menu li a:hover .back {

background-color: #51938f;

background-size: 5px 5px;

background-position: 0 0, 30px 30px;

background-image:linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480);
}

0 9-10 制作3D旋转导航综合练习题

2017-05-11

qq_故事谁来说_0

/*任务六、“.three-d-box”设置过渡与变形效果*/

transition: all .3s ease-out;

transform-style: preserve-3d;
/*任务七、给导航设置3D前,与3D后变形效果*/

.front {

transform: rotatex(0deg) translatez(25px);
}

.back {

transform: rotatex(-90deg) translatez(25px);
color: #FFE7C4;}

0 9-10 制作3D旋转导航综合练习题

2017-05-11

qq_故事谁来说_0

/* 任务三、设置3D舞台布景 */

perspective:200;

/*任务四、设置3D舞台布景过渡效果*/

transition:all 0.07 linear;

/*任务五、给不是当前状态的3D舞台的悬浮与聚焦状态设置变形效果*/
.three-d:not(.active):focus .three-d-box {

transform: translateZ(-25px) rotateX(90deg);
}

0 9-10 制作3D旋转导航综合练习题

2017-05-11

qq_故事谁来说_0

/*任务一：引入本地字体文件*/
@font-face{
font-family:"sansationregular";
src:url('http://www.w3cplus.com/demo/css3/3DAnimationDropdownMenu/sansation_regular-webfont.woff') format('woff');
}

/*任务二:调用本地字体*/
font-family:"sansationregular";

0 9-10 制作3D旋转导航综合练习题

2017-05-11

小董君同学

这个课程讲透了3D http://www.imooc.com/video/1051，老师写的Demo非常直观帮忙理解3D变形

0 9-10 制作3D旋转导航综合练习题

2017-05-11

小董君同学

又到一门课最懵逼的时刻！

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

2017-05-11

小董君同学

outline 不会改变盒模型的大小。

0 12-2 CSS3外轮廓属性

2017-05-11

小董君同学

“为什么会一直循环跑呢？跑完一圈也不停，上一章我把hover去掉他变颜色也只是一轮，变完就不变了，求解”,
这是因为动画循环此数设置了无数次animation-iteration-count:infinite;

1 9-2 CSS3中调用动画

2017-05-11

小董君同学

X Y轴与普通坐标系相反，旋转角度方向与普通坐标系相反，为逆时针转是正数，顺时针转则为负数

0 8-2 CSS3中的变形--扭曲 skew()

2017-05-11

海子de微博

把有问题的地方说出来

1 9-7 CSS3中设置动画播放方向

2017-05-10

海子de微博

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

1 9-6 CSS3中设置动画播放次数

2017-05-10

qq_SalmaBennani_0

没用之前的，自己想的却碰对了
.wrapper > div:nth-of-type(2n+1),
.wrapper > p:nth-of-type(2n){
background: orange;
}
/*或者*/

.wrapper > div:nth-of-type(odd),
.wrapper > p:nth-of-type(2n){
background: orange;
}
/*或者*/

.wrapper > div:nth-last-of-type(even),
.wrapper > p:nth-of-type(even){
background: orange;
}

0 6-11 CSS3 nth-of-type(n)选择器

2017-05-10

qq_SalmaBennani_0

.wrapper > div:nth-of-type(2n+1),
.wrapper > p:nth-of-type(2n){
background: orange;
}
/*或者*/

.wrapper > div:nth-of-type(odd),
.wrapper > p:nth-of-type(2n){
background: orange;
}
/*或者*/

.wrapper > div:nth-last-of-type(odd)
.wrapper > p:nth-of-type(even){
background: orange;
}

0 6-11 CSS3 nth-of-type(n)选择器

2017-05-10

qq_小蚂蚱_0

不能带px单位!!

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

2017-05-09

首页上一页 90 91 92 93 94 95 96 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

十天精通CSS3