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

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

CSS动画实用技巧

                
                奇舞团
            Web前端工程师

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

全部评论问答未解决精华

小生吴

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

0 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