课程笔记
课程/CSS3/前端开发
css3实现网页平滑过渡效果
介绍
章节
问答
笔记
Sandaydi
2019-04-02
css-backface-visibility
截图
0赞 · 0采集
辉夜羽衣
2018-12-30
移动端用translate3d可以开启手机的3d硬件加速
截图
1赞 · 1采集
qq_Rainy小迪_0
2018-06-22
CSS3 backface-visibility
截图
0赞 · 0采集
葫芦胡
2018-02-03
每个板块宽度高度都是100% 即占全屏 overflow:hidden 所以没有滚动条的出现 从而达到效果 改变的是装所有板块的.st-scroll 移动式相当于改变他的坐标 所以设置translate 分别写出他不同时间段的坐标 移动端用translate3d可以开启手机的3d加速 backface-visibility:visible|hidden 不面向屏幕的时候是否可见
截图
0赞 · 0采集
一树青枫
2017-09-15
新属性~
截图
0赞 · 0采集
DaisyZhu朱
2017-08-24
当元素不面向屏幕时是否可见
截图
0赞 · 0采集
fengyunzhu
2017-07-19
css3 backface-visibility 不面向屏幕是否可见
截图
0赞 · 0采集
慕粉2332018849
2017-04-22
backface-visibility
截图
0赞 · 0采集
慕粉2332018849
2017-04-22
移动端用translate3d可以开启手机的3d加速
截图
0赞 · 0采集
慕粉佶
2017-04-11
改变谁给谁家transition属性
0赞 · 0采集
落夜星空
2016-12-17
backface-visibility:visible|hidden 不面向屏幕的时候是否可见
截图
0赞 · 0采集
Luffy_Q
2016-11-29
backface-visibility属性
截图
0赞 · 0采集
蓝冰牛
2016-11-15
backface-visibility: 定义当元素被相我们的时候是否可见
0赞 · 0采集
蓝冰牛
2016-11-15
translate3d
截图
0赞 · 0采集
Luke丶Y
2016-10-23
sss
截图
0赞 · 0采集
shengaogao813225
2016-10-14
通过css3 3d变化可以开启GPU加速
0赞 · 0采集
P妞酱酱
2016-09-26
惺惺惜惺惺
截图
0赞 · 0采集
P妞酱酱
2016-09-26
踩踩踩踩踩踩
截图
0赞 · 0采集
P妞酱酱
2016-09-26
踩踩踩踩踩踩踩
截图
0赞 · 0采集
P妞酱酱
2016-09-26
谢谢谢谢谢谢
截图
0赞 · 0采集
初学Web3995664
2016-09-15
backface-visibility定义元素不面向屏幕时是否可见
截图
0赞 · 0采集
Amy_sh
2016-09-14
CSS3 backface-visibility属性 定义当元素不面向屏幕时是否可见。 visible hidden
截图
0赞 · 0采集
云间一枝花
2016-09-10
backface-visibility:visible/hidden (定义页面不面向我们时是否可见)
0赞 · 0采集
慕粉3141585
2016-08-05
backface-visibility:visible/hidden (定义页面不面向我们时是否可见)
0赞 · 0采集
ahdu
2016-07-27
backface-visibility 定义元素不面向屏幕时是否可见
截图
0赞 · 0采集
笨鸟Keep
2016-05-09
backface-visibility
截图
0赞 · 0采集
Helianthuserin
2016-04-12
里面的panel和外面的scroll设置relative;滚动的原理是里面的panel位置不变,利用transform改变的是外面scroll的位置,transform变换建议用3d
截图
0赞 · 0采集
巧巧
2016-04-11
translate 3d
截图
0赞 · 0采集
专注的前端工程师
2016-04-10
transform:使用transform:translate3d可以加速在手机中的处理速度。 先告诉浏览器初始位置是transform:translate3d(0,0,0,)分别代表X轴、Y轴、Z轴,然后点击,平移的位置才会生效。 css3: backfack-visibilty 功能:定义当前元素不面向屏幕是否可见 语法规则:backfack-visibilty:visible|hidden 取值说明:visible(背面可见) hidden(背面不可见) -webkit-transform:translate3d(0,0,0);做平移 1、-webkit-tap-highlight-color:rgba(255,255,255,0)可以同时屏蔽ios和android下点击元素时出现的阴影。 备注:transparent的属性值在android下无效。 2、-webkit-appearance:none可以同时屏蔽输入框怪异的内阴影。 3、-webkit-transform:translate3d(0, 0, 0)在ios下可以让动画更加流畅(这个属性会调用硬件加速模式),但是在android下不可乱用,很多见所未见的bug就是因为这个。 4、@-webkit-keyframes可以预定义很多你所想到的动画,然后通过-webkit-transition来调用。 5、-webkit-background-size可以做高清图标,不过一些低版本的android只能识别background-size,所以有必要两个都要写上;用这个属性的时候推荐树勇cover这个值,可以自动去匹配宽和高。 6、text-shadow多用这个属性,可以美化文字效果。 7、border-radius、box-shadow、gradient、border-image,不解释,可以精简代码。
2赞 · 2采集
慕无忌0137151
2016-04-06
backface-visibilility
截图
0赞 · 0采集
数据加载中...