-
CSS3的Animation有八个属性 animation-name :动画名 animation-duration:时间 animation-delay:延时 animation-iteration-count:次数 animation-direction:方向 animation-play-state:控制 animation-fill-mode:状态 animation-timing-function:关键帧变化 写法: @keyframes bird-slow{ 10%{background-position:0px 0;} 50%{background-position:-90px 0;} 100%{background-position:-273px 0;} } .birdFly { /*写法1*/ -moz-animation: bird-slow 500ms steps(1,start) infinite; animation: bird-slow 500ms steps(1,start) infinite;查看全部
-
rem和em单位一样,都是一个相对单位,不同的是em是相对于元素的父元素的font-size进行计算,rem是相对于根元素html的font-size进行计算,这样一来rem就绕开了复杂的层级关系,实现了类似于em单位的功能。默认情况下浏览器给的字体大小是16px,按照转化关系 16px = 1rem查看全部
-
CSS3的Animation有八个属性 animation-name :动画名 animation-duration:时间 animation-delay:延时 animation-iteration-count:次数 animation-direction:方向 animation-play-state:控制 animation-fill-mode:状态 animation-timing-function:关键帧变化查看全部
-
rem和em单位一样,都是一个相对单位,不同的是em是相对于元素的父元素的font-size进行计算,rem是相对于根元素html的font-size进行计算,这样一来rem就绕开了复杂的层级关系,实现了类似于em单位的功能。默认情况下浏览器给的字体大小是16px,按照转化关系 16px = 1rem查看全部
-
利用圣诞树的雪碧图实现一闪闪的效果查看全部
-
观察者模式实现页面切换即场景切换查看全部
-
学习一下这里的js代码封装查看全部
-
rem是什么? rem和em单位一样,都是一个相对单位,不同的是em是相对于元素的父元素的font-size进行计算,rem是相对于根元素html的font-size进行计算,这样一来rem就绕开了复杂的层级关系,实现了类似于em单位的功能。默认情况下浏览器给的字体大小是16px,按照转化关系 16px = 1rem 自适应处理: 使用rem布局的时候,为了兼容不同的分辨率,我们应该要动态的修正根字体的大小,让所有的用rem单位的子元素跟着一起缩放,从而达到自适应的效果 总结: 根据实际情况通过设计稿与当前可视区的大小做一个比例关系,通过这个比例进行缩放处理查看全部
-
思路2查看全部
-
思路查看全部
-
技术点分解1查看全部
-
技术点的介绍2查看全部
-
技术点介绍查看全部
-
CSS3的Animation有八个属性 animation-name :动画名 animation-duration:时间 animation-delay:延时 animation-iteration-count:次数 animation-direction:方向 animation-play-state:控制 animation-fill-mode:状态 animation-timing-function:关键帧变化查看全部
-
20*(docEl.clientWidth/320)+'px';//设置根字体大小查看全部
举报
0/150
提交
取消