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

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

CSS动画实用技巧

                
                奇舞团
            Web前端工程师

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

全部评论问答未解决精华

有资料可以下载吗

已采纳回答 / 慕莱坞9220042

视频的右下角有呢，你可以看下

1 回答 754 浏览 4-1 效果简介.mp4

2016-07-06

为什么是355deg

最新回答 / yuyang123

360deg也是可以的呀。这个点没必要纠结。

1 回答 816 浏览 3-4 实用动画技巧-实现运动动画

2016-06-06

视频不清晰

最新回答 / 初级_前端

有视频右下角不是可以选择视频品质的嘛，高清就好了，

1 回答 223 浏览 2-1 常用动画属性-transition

2016-06-01

图片旋转问题

已采纳回答 / 我要去幼儿园深造了

正的代表顺时针旋转，负代表逆时针旋转

1 回答 1398 浏览 2-3 常用动画属性-transform

2016-05-08

请问老师用的工具是哪一种？

已采纳回答 / 你猜我猜不猜你猜1

sublime

1 回答 1300 浏览 2-2 常用动画属性-animation

2016-04-07

background-size: cover;

最赞回答 / qq_夏_7

style="background-image: url(518.jpg);" 自己找出来了！

2 回答 1064 浏览 4-3 样式

2016-02-21

视频中的代码与实际操作不一致

+ 我来回答回答最高可+2积分

3 回答 703 浏览 2-2 常用动画属性-animation

2016-02-20

参数用法看不太懂，是不是下载个CSS manual会更好一些？

最新回答 / lshzndx

手册其实都差不多，重要的是多试。试一遍比看三遍都管用

1 回答 831 浏览 4-3 样式

2016-01-31

快捷键是什么a.demo直接就有外层包裹了？

已采纳回答 / 李晓健

我的编辑器 a.demo 按住tab会变成 <a href="#" class="demo"></a>你可以试下 a[href="#"].demo 按住tab

4 回答 1896 浏览 4-2 dom结构

2015-12-21

课程中的效果很实用，但是很多细节并没有讲解到位

已采纳回答 / Yixiangyike

1turn就是一圈，也可以360deg的，这样无限播放才会圆周运动嘛，中心定位200%应该是基于自身宽度的距离，可以随便多少的，10px这样也行，其实自己做一个改变这些参数试试效果就很好理解了

1 回答 1569 浏览 3-4 实用动画技巧-实现运动动画

2015-12-20

rotate(1turn)疑问

已采纳回答 / 李晓健

1turn 就是一圈的意思 http://www.css88.com/book/css/values/angle/turn.htm 可以参考一下

1 回答 8805 浏览 3-4 实用动画技巧-实现运动动画

2015-12-20

在没使用transition前怎样设置态图

已采纳回答 / dilato张世锋

.change img{ display:block; width:300px; height:284px; /*动画效果*/ opacity:0;/*默认隐藏透明度为0, 就是透明*/}.change:hover img{ opacity:1;/* 鼠标移入,透明度为1, 不透明,显示 */

1 回答 1621 浏览 2-1 常用动画属性-transition

2015-12-19

box-sizing:看了W3C还是不理解？

最赞回答 / june18th

css3 box-sizing属性box-sizing属性可以为三个值之一：content-box（default），border-box，padding-box。content-box，border和padding不计算入width之内padding-box，padding计算入width内border-box，border和padding计算入width之内，其实就是怪异模式了~

2 回答 834 浏览 4-3 样式

2015-12-18