小卜-Tony

导航

2018年6月12日 #

CSS学习笔记-02. 2D转换模块-形变中心点

摘要： 简单粗暴，直接上重点： transform-origin 接下来是代码。 首先 勾勒出 3个重叠的div 接着 给3个div分别添加 transform: rotate 。 效果如下图所示。 默认情况下，所有元素都是以自己的中心点作为参考点来进行旋转。 我们可以通过形变中心点属性来修改它的参考点。 阅读全文

posted @ 2018-06-12 21:16 小卜-Tony 阅读(382) 评论(0) 推荐(0)

CSS学习笔记-01-2D转换模块

摘要： 首先，mark 一下 css3 新增 的 2D 转换之 W3school 的链接： http://www.w3school.com.cn/css3/css3_2dtransform.asp 转换是使元素改变形状、尺寸和位置的一种效果。 2D 转换方法： translate() -- 平移 rotat 阅读全文

posted @ 2018-06-12 20:35 小卜-Tony 阅读(288) 评论(0) 推荐(0)

从今天开始 每天记录HTML，CSS 部分的学习笔记

摘要： 从今天开始 每天记录HTML，CSS 部分的学习笔记 阅读全文

posted @ 2018-06-12 19:33 小卜-Tony 阅读(185) 评论(0) 推荐(0)