如何只用1个dom（div），写上几行CSS代码，实现各种不同形状的图形呢？ 爱心、钻石、五角星、飘带、徽章、鸡蛋、吃豆人、太极八卦。。。 不用背景图片，跟着小鱼儿来带你解锁CSS的各种花式玩法！

大家都说简历没项目写，我就帮大家找了一个项目，还附赠【搭建教程】。 CSS能够生成各种形状。正方形和矩形很容易，因为它们是 web 的自然形状。添加宽度和高度，就得到了所需的精确大小的矩形。添加边框半径，你就可以把这个形状变成圆形，足够多的边框半径，你就可以把这些矩形变成圆形和…

transform-origin属性表示在对元素进行变换的时候，设置围绕哪个点进行变化的。默认情况，变换的原点在元素的中心点，即是元素X轴和Y轴的50%处，如下图所示： 我们没有使用transform-origin改变元素原点位置的情况下，CSS变换进行的旋转、移位、缩放等操作…

现在跨浏览器支持正处于重要转折点，正是查看逻辑属性和值的好时机。如果您使用多种语言创建网站，逻辑属性和值将非常有用。即使没打算这么干，仍然有一些方便的速记内容值得了解。

BEM的意思就是块（block）、元素（element）、修饰符（modifier）,是由Yandex团队提出的一种前端命名方法论。这种巧妙的命名方法让你的CSS类对其他开发者来说更加透明而且更有意义