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

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

CSS动画实用技巧

                
                奇舞团
            Web前端工程师

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

全部评论问答未解决精华

白与黑2012

codepen

0 2-1 常用动画属性-transition

2015-07-17

imaginationME

请问老师的mac安的什么软件可以编写html

0 2-1 常用动画属性-transition

2015-07-15

慢慢腾腾

<div class="dupian">
<img src="black.jpg" alt="" width="300" height="300" />
<img src="blue.jpg" alt="" width="300" height="300" />
<img src="red.jpg" alt="" width="300" height="300" />

</div>

为什么3张图片还是重叠在一起，没任何变化？

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

2015-07-15

慢慢腾腾

.dupian img:first-child{
transform:rotate(5deg);
}
.dupian img:last-child{
transform:rotate(-5deg);
}
</style>
</head>

<body>

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

2015-07-15

慢慢腾腾

.dupian{ width:400px; height:400px; margin:2rem auto;}
.dupian img{
position:absolute; border:20px solid #666; box-sizing:border-box; box-shadow:5px 5px 3px rgba(0,0,0,0.3); transform-origin:center center; transition:transform 1.0s ease;
}

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

2015-07-15