移动web开发01
2022/7/30 23:27:23
本文主要是介绍移动web开发01,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
pc端的支持情况。IE9以下的版本就会全军覆没。移动端就不会出现版本支持问题。
因为第一个孩子是p,但是他又是在span里面选,所以根本选不出来,报错。改成第二个孩子才可以选出来。
这样就可以选出span第一个元素了。
ul里面如果有很多子元素的话就用nth-of-type好一点。ul里面只有li的话也可以用nth-of-type。
清除浮动的时候出现过。
和数学的xy轴不一样。
第二点是前面学习的定位没有的特性。定位本来就是脱标的。
让一个盒子水平垂直居中!!
过渡就看到效果了。
加上动画效果
最后加上动画效果。
还有不要看到溢出部分。(加在父盒子上。)
中间用空格隔开就好,如果不按顺序写,就会先进行旋转,再位移,位移就不是基于初始位置的位移了。是基于旋转后位置的位移。而且也会沿着你旋转的方向位移,之前是顺时向右,现在可能是逆时向左了。
不需要鼠标的经过和离开。过渡完成不了。
动画名称一开始就定义了。
也要注意顺序,持续时间一定要在何时开始的前面。
可以实现打字机效果。
用steps,不能用ease,因为
z轴不用百分数,直接会精确到具体数值(px)。
借助透视才能看到xyz的变化。类似于3d电影必须要有3d眼镜才能看到效果一样。
正值旋转就是向屏幕里面方向旋转,负值的话就是向外(朝我们方向)旋转。一定要正负值。
矢量!!!所以根据xy的大小判断旋转的方向和大小
要实现背靠背!!
增加立体感!
必须先移动后旋转,顺序不能乱。
做前面盒子的往前移动而不是后盒子的往后移动。因为要围着中心点旋转。正方体,不向前移动的话,翻转的就不是一个正方体的中心点翻转。
box加过渡,鼠标经过旋转。
加浮动。
加透视才有效果。
去section里面加3d效果。
section加自动旋转效果
鼠标放上去停止旋转。
针对不同的浏览器写不同的样式。
这篇关于移动web开发01的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-15鸿蒙生态设备数量超8亿台
- 2024-05-13TiDB + ES:转转业财系统亿级数据存储优化实践
- 2024-05-09“2024鸿蒙零基础快速实战-仿抖音App开发(ArkTS版)”实战课程已上线
- 2024-05-09聊聊如何通过arthas-tunnel-server来远程管理所有需要arthas监控的应用
- 2024-05-09log4j2这么配就对了
- 2024-05-09nginx修改Content-Type
- 2024-05-09Redis多数据源,看这篇就够了
- 2024-05-09Google Chrome驱动程序 124.0.6367.62(正式版本)去哪下载?
- 2024-05-09有没有大佬知道这种数据应该怎么抓取呀?
- 2024-05-09这种运行结果里的10.100000001,怎么能最快改成10.1?