CSS动画实用技巧_技术问答

首页免费课 CSS动画实用技巧问答

CSS动画实用技巧

                
                奇舞团
            Web前端工程师

                    查看讲师更多课程 
                    奇舞团讲师的其他课程
                
jQuery实现自定义滚动条
中级·39578
免费课程
                                
全屏切换效果
中级·85463
免费课程
                                
数学知识在CSS动画中的应用
初级·39132
免费课程
                                
                难度初级
            
                时长37分
            
                学习人数
            
综合评分9.33
                            171人评价
                        查看评价
                                9.7
                                内容实用
                            
                                9.2
                                简洁易懂
                            
                                9.1
                                逻辑清晰

全部评论问答未解决精华

car

课程不错，就是没有在线练习，原则上这样都可以在线练习。

0 2-3 常用动画属性-transform

2017-01-29

跟着老师一步步做的，不知道问题在哪，大神们能不能帮帮我

最新回答 / Start0

你在style样式表里的所有通过.【点】来设置的样式，必须要在其对应的html中有相应的类来调用该样式。类似你给div添加背景图的style="..."，你可以通过class="..."来调用你在<style type="text/css">里的样式。具体细节你可以了解一下，HTML + CSS 基础课程第八章，有详细介绍。

2 回答 1368 浏览 4-3 样式

2017-01-26

mukewang_bao

好多代码写的源码跟讲的都不一样。

0 3-3 实用动画技巧-巧用border宽度

2017-01-23

MrWang_

声音贼好听 0.0

3 3-1 实用动画技巧-animation-delay为负值

2017-01-20

css3 animation-delay动画技巧的示意图不对啊

最新回答 / 慕斯卡5617878

怎么不对

1 回答 1264 浏览 3-1 实用动画技巧-animation-delay为负值

2017-01-18

Sublime里老师是如何做到敲a.dom后出来html代码的啊？？？求解

已采纳回答 / stone310

试下<tab>

1 回答 1468 浏览 4-2 dom结构

2017-01-14

点子

差评。。。这么小的字看都看不清，你自己分的上下好看我们看代码跟蚂蚁一样

1 2-2 常用动画属性-animation

2016-12-27

daydaytop

看完了，课程很不错。课程都是干货。

2 4-3 样式

2016-12-22

小生吴

与评论有关的代码已放在问答中

0 4-3 样式

2016-12-19

关于评论的测试代码

最新回答 / 慕粉4084146

43行的代码：.warp:hover .info{transform:rotate(-180deg);color:rgba(0,0,0,1);}30行的代码：color:rgba(0,0,0,0);就可以用了，颜色效果自己改吧？

1 回答 1196 浏览 4-3 样式

2016-12-19

小生吴

border放在warp层，图片作为info的背景，warp旋转时，给info来一个反向旋转就行了。
不过这样会有一个小问题，就是hove warp层的border时会有单向旋转，结合JavaScript应该能完美解决

0 4-3 样式

2016-12-19

小生吴

刚学完动画来看看实战，首先感谢老师的奉献。不过也发现几个小问题
1，a标签其实不能嵌套块级元素的
2，DOM层级比较混乱。
其实可以这样优化：
<body>
<div class="warp">
<div class="info">
<h3>美好的一天</h3>
<a>想进来看看吗？</a>
</div>
</div>
</body>

0 4-3 样式

2016-12-19

mike652638

我也跟着写了一个 (但貌似兼容性有点小问题) 大家可以试试看哈 :)
http://www.mike652638.com/projects/Img%20Rotate%20CSS3.html

1 4-3 样式

2016-12-17

慕娘9117114

啥玩意，讲给自己听的，代码也看不到，只讲效果，鬼知道怎么实现的

6 3-3 实用动画技巧-巧用border宽度

2016-12-16

独影阑珊

差评。。。

1 2-2 常用动画属性-animation

2016-12-16

fl玲珑0903

讲的还可以，后面有些章节对制作做动画中还是挺有帮助的

0 4-3 样式

2016-12-14

首页上一页 6 7 8 9 10 11 12 下一页尾页

该课程已下架

课程须知: 本课程适合HTML和CSS有一些实践的童鞋们。需要对CSS3有基本的了解。

老师告诉你能学到什么？: 1、常用的CSS3动画属性介绍 2、介绍4个实用的动画技巧 3、如何一步步实现一个CSS3 Hover特效

微信扫码，参与3人拼团

热搜

最近搜索清空