十天精通CSS3_技术问答

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

十天精通CSS3

                
                大漠
            Web前端工程师

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

全部评论问答未解决精华

Lydiar3308665

这个特性真的是方便，之前做的类似的一个效果，用js实现的的，比这个麻烦多了。。。

0 9-1 CSS3 Keyframes介绍

2017-07-16

你好_盼再见

看好重点，是用伪元素和渐变，所以你们一大堆.nav li {}根本是缺少伪元素的。要么用：before要么用：after。大家注意

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

2017-07-16

你好_盼再见

我觉得那些说伸手党的人就很奇怪，这个课程实战考你难道考的不应该是教给你的东西么，没教过就考你，这随便谁都会蒙蔽然后吐槽吧？这和伸手党有半毛线关系，想学的自然在吐槽完后就去找、去百度。

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

2017-07-16

为什么skewX()和scaleX()所代表的轴不相同

最新回答 / 慕斯卡8036547

你画的那个图是错的。。

3 回答 1845 浏览 8-3 CSS3中的变形--缩放 scale()

2017-07-16

Lydiar3308665

有点像日本国旗又怎么了。。。是要砸车还是要批斗。。。。怎么这种地方评论区还见到这么多愤青。。。。

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

2017-07-16

慕粉4001974

这个属性有两种情况
1、div:hover span { animation:paused;} 相当于清除了animation动画。元素的样式将会回到最原始的设置状态。

2、div:hover span { animation-play-state:paused;} 相当于中止动画。鼠标移开继续播放。

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

2017-07-15

Lydiar3308665

我也觉得确实很像js里面的mouseover和mouseout事件的那些课程，这里的课的目的估计是用css3特性来达到一样的效果，而不用为dom元素一个个绑定事件，可以提高开发效率吧？我猜的。。。。

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

2017-07-15

为什么鼠标hover上去，图片翻转上去后，文字翻转上来的位置偏下

最新回答 / qq_Yqy_2

.item:hover { /*任务四、悬浮状态改变每个列表项的transform效果*/ -webkit-transform: translateZ(-50px) rotateX(95deg); -moz-transform: translateZ(-50px) rotateX(95deg); -ms-transform: translateZ(-50px) rotateX(95deg); -o-transform: translat...

2 回答 1788 浏览 12-4 制作3D旋转视频展示区

2017-07-14

year1233

温故而知新

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

2017-07-14

剑南青竹

::before和::after这两个主要用来给元素的前面或后面插入内容，这两个常和"content"配合使用，使用的场景最多的就是清除浮动。

0 7-7 CSS3选择器 ::before和::after

2017-07-14

Lydiar3308665

。。。。
刚发完评论发现热评第一个就是这个。。。尴尬。。。怎么删除评论？在线等，急

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

2017-07-14

Lydiar3308665

transtion只是通过给动画加延迟，没有从本质上解决这个问题，个人建议把选择器改为：.wrapper:hover div ，可以完全解决边缘闪烁的问题。

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

2017-07-14

Lydiar3308665

除了x，y，还可以绕着z轴旋转。。。。。

0 8-1 CSS3变形--旋转 rotate()

2017-07-13

transform: translateY(90px);代码的作用在哪里

最赞回答 / 神影天初

本来一开始方块的位置应该是在（0,0）坐标处，但是动画设置它0%的时候在（0,90）坐标处，这是瞬间完成的。至于删了为什么没有变化是因为在span里面也设置了初始坐标为（0,90），如果你把那个代码删了，再把0%的代码删了，你就看到变化了。

2 回答 3557 浏览 9-7 CSS3中设置动画播放方向

2017-07-13

热搜

最近搜索清空