2019 年 10月 3 日随笔档案 - Cloud%

2019年10月3日

摘要：利用CSS3中的transform属性画菱形和平行四边形 transform 实现2D或是3D的变形转换，通过transform可以实现对元素的四种变换：旋转、缩放、移动、倾斜一、菱形菱形的特点：菱形的四条边相等，可以理解为正方形的一种，所以分析可以通过正方形的旋转得到菱形 transform: 阅读全文

posted @ 2019-10-03 20:42 Cloud% 阅读(2651) 评论(1) 推荐(0) 编辑

CSS3画五角星和六角星

摘要：最终想要实现的效果一、五角星在画五角星之前首先分析这个五角星是如何实现，由哪几个部分构成的，示意图如下：三个顶角向上的三角形，通过设置旋转和定位相互重叠和拼接实现最终的五角星效果。为了语义化和代码更加简便，所以使用伪类来添加内容。 1、设置一个等腰三角形，并使用transform将其旋转到合阅读全文

posted @ 2019-10-03 20:38 Cloud% 阅读(2107) 评论(1) 推荐(1) 编辑