各位老铁们，大家好，今天由我来为大家分享酷炫个人网站源码分享，以及个人官方网站源码的相关问题知识，希望对大家有所帮助。如果可以帮助到大家，还望关注收藏下本站，您的支持是我们最大的动力，谢谢大家了哈，下面我们开始吧！
1）正方形以及长方形
正方形和长方形比较简单我们只需要设置一个div的宽度和高度既可;
2）圆形
圆形在设置CSS时要设置宽度和高度相等，然后设置border-radius属性为宽度或高度的一半即可;
3）三角形
要创建一个CSS三角形，需要使用border，通过设置不同边的透明效果，我们可以制作出三角形的现状。另外，在制作三角形时，宽度和高度要设置为0。
以上制作了3个三角形，如果只想要一个，将border-color其它的颜色也设置为transparent即可。
4）心形
心形的制作是非常复杂的，可以使用两个元素来拼合制作，分别将元素旋转不同的角度，并修改transform-origin属性来元素的旋转中心点。
以上代码看起来很复杂，其实主要由2个元素拼合而成，我们拆分来看box4-1和box4-2就很明了了。
5）旋转的太极
太极八卦看起来很复杂，其实跟心形的代码差不多，也是由3个元素拼接起来的，然后加上animation代码，让其自动旋转起来，看起来很酷炫。
关于酷炫个人网站源码分享，个人官方网站源码的介绍到此结束，希望对大家有所帮助。