用 4 个简单 CSS 声明打造史上最佳 △ 三角形

CSS三角形

用 4 个简单 CSS 声明打造史上最佳 △ 三角形

这是一款使用CSS创建完美等边三角形的效果,基于CSS的数学函数技术实现。通过简单的四个声明,利用正弦函数(sin())计算出等边三角形的高度与边长之间的关系,即高度h等于边长a乘以sin(60...

CSS几何图形无限变换动画效果

几何图形变换

CSS几何图形无限变换动画效果

​这是一款几何图形从五边形变为圆形再变为三角形的动画效果,基于CSS的clip-path等关键属性实现。几何图形变化的过渡效果特别的丝滑,毫无违和感。