十天精通CSS3_技术问答

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

十天精通CSS3

                
                大漠
            Web前端工程师

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

全部评论问答未解决精华

Eunice晒蔫的小鹿

/*删除第一项和最后一项导航分隔线*/

.nav li:last-child:before{display:none;}

1 5-5 CSS3背景制作导航菜单综合练习题

2016-06-17

Eunice晒蔫的小鹿

/*使用伪元素制作导航列表项分隔线*/
.nav li:before{content:"";width:1px;height:15px;display:inline-block;position:absolute;right:0;top:35%;

background-image: linear-gradient(to bottom,#f65f57, #8E8E8E ,#f65f57); }
/*删除第一项和最后一项导航分隔线*/

.nav li:last-child:before{background:none;}

0 5-5 CSS3背景制作导航菜单综合练习题

2016-06-17

♚ prime

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;

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

2016-06-17

慕粉3402862

a[class^=column]{background:#ff0000;}
a[href$=doc]{background:#00ff00;}
a[title*=box]{background:#0000ff;color:#fff;}

0 6-1 CSS3选择器属性选择器

2016-06-16

columns

最新回答 / 冷眼看尽繁华丿

可视窗口的问题。这里的宽度太小，每列200px的话，它会容纳不下里面的内容。你把代码放到自己的编辑里，然后在预览。

3 回答 1092 浏览 10-2 CSS3 多列布局——column-width

2016-06-16

俊龙_

参考前面的说到的语法吧，不能总让我提示。

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

2016-06-16

蜗牛66888

从一开始学习transition这个，每节课都有错误，不明白错在哪里

0 9-4 CSS3中设置动画播放方式

2016-06-16

苏宇默然

太厉害了！

2 7-3 CSS3选择器 :checked选择器

2016-06-15

效果出不来

已采纳回答 / ChinaCJM

可能是浏览器的兼容性问题

3 回答 861 浏览 9-1 CSS3 Keyframes介绍

2016-06-14

DeadSnow

讲道理说难得同学们没有仔细读题，老师出的是填空题，仔细看下都是考选择器的。动画和其他属性都是配置好的。仔细看下都能自己做出来的。

4 7-8 切换背景图像综合练习题

2016-06-14

慕妹3887762

记得把@keyframes剪切到后面来，否则提交不上的。

1 9-2 CSS3中调用动画

2016-06-13

慕妹3887762

稍微改改就可以和上一课东西串起来了。实现点击时，div逐步拉长，同时背景不断变幻。有意思
div {
width: 300px;
height: 200px;
background: red;
color:#fff;
margin: 20px auto;
transition: all 2s ease-out .2s;
}
div:hover {
animation: changecolor 5s ease-out .2s;
height:260px;

}

1 9-1 CSS3 Keyframes介绍

2016-06-13

慕妹3887762

matrix(scaleX(),skewX(),skewY(),scaleY(),translateX(),translateY());

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

2016-06-13

慕妹3887762

要想动画更流畅的，
修改一下。
css
a{
.slider a {
display: inline-block;
width: 168px;
padding-top: 42px;
}
img.bg {
left:0;
//transfrorm 注释掉或删掉

3 7-8 切换背景图像综合练习题

2016-06-13

慕妹3887762

任务一
.slider li:nth-of-type(1) **（括号里的依次用1-5）
任务二
.slider a:after
任务三
.slider a:nth-of-type(1)::after *（括号里的依次用1-5）
任务四
.slider a::before
任务五
.slider a:hover::before
任务六
img:nth-of-type(1):target *（括号里的依次用1-5）
任务七
img:not(:target)

5 7-8 切换背景图像综合练习题

2016-06-13

慕妹3887762

在360极速下的chrome下，居然不行，不过使用下面的语句可能一样通过
input[type="text"]:not(:read-only){
border:4px solid red;
}

2 7-6 CSS3选择器 :read-write选择器

2016-06-13

首页上一页 222 223 224 225 226 227 228 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空