2019-04-01 文字遮罩 二级菜单 位移 旋转 缩小

2019-04-01  本文已影响0人  圣召唤

.box:hover .abc子代选择器

transition all 500ms ease (运动曲线);动画效果 过度动画

二级菜单  把显示部分设为 display:none; 鼠标移入 display:block;

transform:translate()  位移 不影响别人

transform:rotate(30deg) 旋转

transform:scale(0.5,0.2)缩小

transform:skew(45deg,0)斜切

.box:hover{}

totatex x轴旋转

perspective(800px) 透视数

transform-style:preserve-3d;

变形 变换不影响文档流

解决颤抖 对目标添加容器(con) 给容器hover

上一篇下一篇

猜你喜欢

热点阅读