十天精通CSS3_技术问答

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

十天精通CSS3

                
                大漠
            Web前端工程师

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

全部评论问答未解决精华

慕姐2357210

煞笔才会分开写吧，简写方式方便多了，不能把大量脑细胞用在背单词上吧，节约点脑细胞吧用着学其他知识。

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

2018-04-18

慕后端5507037

ax+cy+e为移动后的(0,0)x的坐标，bx+dy+f为(0,0)y的坐标

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

2018-04-17

天奇农人

border-radius: 100% 应该改为50%

因为正方形四个角都以边长的一半去倒角即是圆形。也就是说写成51% 以上都是都是圆形，跟50%的效果是相同的。

动画是从圆变成方，即倒角由50%减到0。如果写成border-radius: 100%; 那么动画是由100%减到0, 而100%先减到50%，需要0.5秒（动画时间1秒+延迟0.2秒），这段过程圆没变化，50%减到0，圆变成方，需要0.5秒。这样延迟就显得很长，动画变得很快，让人感觉很不舒服。

改为 border-radius: 50%; 那么动画是由50%减到0, 动画时间1秒，0.2秒的延迟，这样就好多啦！

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

2018-04-17

天奇农人

ease 规定慢速开始，然后变快，然后慢速结束的过渡效果（cubic-bezier(0.25,0.1,0.25,1)）。

ease-in 规定以慢速开始的过渡效果（等于 cubic-bezier(0.42,0,1,1)）。

ease-out 规定以慢速结束的过渡效果（等于 cubic-bezier(0,0,0.58,1)）。

ease-in-out 规定以慢速开始和结束的过渡效果（等于 cubic-bezier(0.42,0,0.58,1)）。

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

2018-04-17

天奇农人

讲述：transition: all 3s ease-in-out .8s;(所有属性，持续3秒，先加速再减速变化，延迟0.8秒再执行变化，对于零可以省略)。

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

2018-04-17

天奇农人

a为元素的水平伸缩量，1为原始大小；

b为纵向扭曲，0为不变；

c为横向扭曲，0不变；

d为垂直伸缩量，1为原始大小；

e为水平偏移量，0是初始位置；

f为垂直偏移量，0是初始位置

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

此函数不常用，了解即可

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

2018-04-17

天奇农人

1. top：50%，left：50%，是将色块的左上角定位在了屏幕的中央，但是，整体并不在中央；

2. translate的百分比是根据自身的宽度和高度来定的，translate(-50%,-50%) 配合 top：50%，left：50% 实现了居中

4 8-4 CSS3中的变形--位移 translate()

2018-04-17

天奇农人

.wrapper:hover div{

opacity: 0.5;

-webkit-transform: scale(0.8);

-moz-transform: scale(0.8);

transform: scale(0.8);

}

这样就不会闪烁了当鼠标移动到wrapper上时缩放wrapper内的div

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

2018-04-17

天奇农人

input[type="text"]:not(:read-only){
border:2px solid red;
}
与 :read-write效果一样

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

2018-04-17

柱子柱子柱子钰

误人子弟的求求你别看了，多大个人了，说话不能过过脑子吗？事情分轻重，说话的语气也分轻重，学到第九章了，这么点毛病谁看不出来？需要你在这里指责这份教程吗？少一点戾气吧 rz玩意儿

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

2018-04-17

慕仔5637847

不是字母和数字没用如果一串英文重头到尾没空格肯定是放不下的你们可以试下这样sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss

1 10-1 CSS3 多列布局——Columns

2018-04-16

柱子柱子柱子钰

超生的那个，加个：not ，直观一点 hhh

1 6-14 CSS3 only-child选择器

2018-04-16

慕后端5507037

这里最好还是新建一个style.css文件，css太长了很不方便

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

2018-04-14

慕后端5507037

li:not(:only-child) {
background: orange;
}

0 6-14 CSS3 only-child选择器

2018-04-14

慕侠3034524

任务要求点击连接后，段落P的CSS属性发生改变，那么是不是就应该把第一个div 里的 id='brand'剪切掉，粘贴进p元素，从而完成此命令？
顺便说一下，请喜欢编故事的同学去网易云音乐的评论区好嘛？能不能保持一点学习的态度？

4 6-5 CSS3 结构性伪类选择器—target

2018-04-14

慕后端8025069

这个题太难了，一脸懵逼无从下手，先跳过，以后在来看这个题目

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

2018-04-12

首页上一页 30 31 32 33 34 35 36 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

十天精通CSS3