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

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

CSS动画实用技巧

                
                奇舞团
            Web前端工程师

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

全部评论问答未解决精华

折角为什么要加绝对定位？

已采纳回答 / NicholasCZakas

相对于父节点才能实现在右上角的效果

2 回答 1338 浏览 3-3 实用动画技巧-巧用border宽度

2017-09-12

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

已采纳回答 / stone310

试下<tab>

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

2017-01-14

代码看不清

已采纳回答 / 慕粉4238640

我也是！！

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

2016-11-17

为什么折角不规则？

已采纳回答 / 慕少7991526

宽高都是0，边框离这个0的大小的距离画线

1 回答 1331 浏览 3-3 实用动画技巧-巧用border宽度

2016-09-02

图片旋转问题

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

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

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

2016-05-08

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

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

sublime

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

2016-04-07

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

已采纳回答 / 李晓健

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

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

2015-12-21

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

已采纳回答 / Yixiangyike

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

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

2015-12-20

rotate(1turn)疑问

已采纳回答 / 李晓健

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

1 回答 8759 浏览 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 回答 1564 浏览 2-1 常用动画属性-transition

2015-12-19

先了解下块元素，块级元素时可以控制宽和高、margin等，并且会换行。block：使用此属性后，元素会被现实为块级元素，元素会进行换行。inline block：有个时候既希望元素具有宽度高度特性，又具有同行特性，这个时候我们可以使用inline-block。在CSS中通过display:inline-block对一个对象指定inline-block属性，简单来说就是将对象呈现为inline对象，但是对象的内容作为block对象呈现。之后的内联对象会被排列在同一行内。

1 回答 1410 浏览 3-3 实用动画技巧-巧用border宽度

2015-11-26