摘要: 画一个三角形,笨重一点的方法是使用CSS3的旋转以及定位技术,通过覆盖的方式来刻画三角形,但是还有一个简单的方式来实现。 下面所使用的方式是利用了当盒子的content、padding都为零的时候,盒子的边框会呈现三角形结合。如下: 1 <!DOCTYPE html> 2 <html lang="e 阅读全文
posted @ 2020-08-02 00:56 littleppig 阅读(260) 评论(0) 推荐(0) 编辑
摘要: 立体正方形主要涉及到了CSS3的3D,所以需要熟悉这一部分的内容。 而transform中使用rotate务必牢记一点,即旋转的时候,是旋转的坐标系,所以旋转后的平面相对于它自身的坐标系来说是不变的。这也就是为什么所有的平面都是`translateZ(100px)`的原因。 1 <!DOCTYPE 阅读全文
posted @ 2020-08-02 00:08 littleppig 阅读(336) 评论(0) 推荐(0) 编辑