摘要:
利用CSS3中的transform属性画菱形和平行四边形 transform 实现2D或是3D的变形转换,通过transform可以实现对元素的四种变换:旋转、缩放、移动、倾斜 一、菱形 菱形的特点:菱形的四条边相等,可以理解为正方形的一种,所以分析可以通过正方形的旋转得到菱形 transform: 阅读全文
摘要:
最终想要实现的效果 一、五角星 在画五角星之前首先分析这个五角星是如何实现,由哪几个部分构成的,示意图如下: 三个顶角向上的三角形,通过设置旋转和定位相互重叠和拼接实现最终的五角星效果。 为了语义化和代码更加简便,所以使用伪类来添加内容。 1、设置一个等腰三角形,并使用transform将其旋转到合 阅读全文