
css
胖虎别闹
这个作者很懒,什么都没留下…
展开
-
CSS3的3D知识点整理+实例
3D转换1.1三维坐标系三维坐标系其实就是指立体空间,立体空间是由3个轴共同组成的x轴:水平向右(注意:x右边是正值,左边是负值)y轴:垂直向下(注意:y下面是正值,上面是负值)z轴:垂直屏幕(注意:屏幕往外是正值,往屏幕里面是负值)3D转换我们主要学习工作中最常用的3D位移和3D旋转主要知识点3D位移:transate3d(x,y,z)3D旋转:rotate3d(x,y,z)透视:rerspective3D呈现:transfrom-style1.2 3D.原创 2020-10-25 09:23:23 · 411 阅读 · 1 评论 -
css3动画学习笔记,动画总结
动画(animation)1、动画(animation)是css3中具有颠覆性的特征之一,可以通过设置多个节点来精确控制一个或一组动画,常用来实现复杂的动画效果。相对比较过渡,动画可以实现更多变化,更多控制,持续自动播放等效果。1.1动画的基本使用制作动画分为两步:1、先定义动画用keyframes定义动画(类似定义类选择器)动画序列0%是动画的开始,100%是动画的完成。这样的格则就是动画序列。在@keyframes中规定某项css样式,就能创建由当前样式逐渐改为新样式的动.原创 2020-10-24 10:02:50 · 374 阅读 · 0 评论 -
css中rem是怎么计算的,是怎么自适应手机端,匹配设计稿的
好多小伙伴当学习到移动端的时候,首先就会接触到的是移动端的单位,因为在移动端布局就不太适合用px(一些字体还是需要继续使用px)首先先介绍一下都有那些单位:px、em、pt、rem、%、vh、dp今天我们来介绍的是rem单位首先大家需要知道一个数值,那就是750px没错这个750就是iPhone6、7、8的屏幕宽度,因为750这个宽度的需求还是比较大的因此,UI的设计稿一般都是设置的750px的设计稿,但是这时候问题就来了,但是好多安卓手机他不是750px的宽度啊,那怎么办呢。所以就用到了自适原创 2020-10-23 19:43:53 · 793 阅读 · 1 评论