CSS3 transform

简介: CSS3 transform

旋转动画示例 - 扑克牌动画


在css3 当中,通过transform(变形) 来实现2d 或者3d 转换,其中2d 有,缩放,移动,旋转。


  • scale(x, y) : 缩放, 可以对元素进行水平和垂直方向的缩放,x、y的取值可为小数,不可为负值;
  • translate(x, y) : 移动, 可以改变元素的位置,x、y可为负值; x 在水平方向移动。 y 在垂直方向移动。
  • rotate(deg) : 旋转, 可以对元素进行旋转,正值为顺时针,负值为逆时针;
  • transform-origin: 水平坐标 垂直坐标 :旋转中心点,默认是几何中心,也就是当前标签的中心点;

相关文章
CSS3 transform 文字切斜展开动画
CSS3 transform 文字切斜展开动画
82 0
CSS3 transform 立体导航栏
CSS3 transform 立体导航栏
56 0
|
3月前
|
前端开发 JavaScript
|
3月前
|
前端开发
CSS动画变形宝典:Transform属性,打造动态视觉盛宴!
CSS动画变形宝典:Transform属性,打造动态视觉盛宴!
|
6月前
|
JavaScript 前端开发
CSS3 transform 字体模糊问题
CSS3 transform 字体模糊问题
131 0
|
前端开发
CSS中transform的使用
CSS中transform的使用
101 1
CSS3 transform: translateX || translateY || translateZ
CSS3 transform: translateX || translateY || translateZ
39 0
CSS3 transform 音乐盒子开盖效果
CSS3 transform 音乐盒子开盖效果
55 0
|
前端开发
CSS transform实现按钮边框旋转效果
CSS transform实现按钮边框旋转效果
131 1
|
前端开发
css提示文字上下左右居中-transform加absolute
css提示文字上下左右居中-transform加absolute

热门文章

最新文章