一、纯图片的DIVhtml代码（以下效果皆围绕这个代码展开）：1、缓动上移效果图：2、放大效果效果图：3、框内放大效果效果图：4、蒙层效果效果图：二、上图下文的DIV不建议将整个div放大，会导致文字

CSS是一门很特殊的语言，不像一般的编程语言那样需要抽象的思维和严密的逻辑，它真正需要的是想象力——将你脑中所想的意象用代码来表现出来。那么意象又是如何产生的呢？最常用的方法就是探索和观察。举个例子，笔者平时热爱看番，每看到有意思的场景画面总会下意识地记录下来，这对动画创作会非…

变量大家都再熟悉不过了，为啥要代码需要变量？因为相同的数值被多个地方引用，我们将其提取为变量，这样只需要修改该变量，那么所有引用的地方都会同步修改。 一直以来CSS只是简单的UI描述语言，无法像js那样使用更高级的特性，后期CSS变量的诞生赋予CSS更多的能力，让我可以实现“一…

经常看一些 LOL 比赛直播的小伙伴，肯定都知道，在一些弹幕网站（Bilibili、虎牙）中，当人物与弹幕出现在一起的时候，弹幕会“巧妙”的躲到人物的下面，看着非常的智能。 其实，这里是运用了 CSS 中的 MASK 属性实现的。 之前在多篇文章都提到了 mask，比较详细的一…

经常在Codepen上看到大侠们用SVG画出不可思议的动画，我一直很好奇他们是怎么运作的，总觉得这需要对SVG有足够透彻的了解，并且自己画出那些SVG图案，才有办法让他动起来。 既然自己画不出来，那我们就去找现成的库，svg库有很多，如Flaticon、iconfont、Ico…

大家好，这里是CSS魔法使——alphardex。 切图仔，是大多数前端用来自嘲的称呼。相信很多人平时写页面的时候，大部分时间是在切图和排图，如此往复。这里并不是要否定切图本身，而是在质疑：一直切图到底对自己的功力增长有何好处？想想UI丢给你一套好看的界面，你却只需一个img标…

有没有经常遇到一些样式每次写都要用百度呢？我收集了一些我平时经常要用到的但又总是记不住的样式。有错误的地方欢迎指正。转载请注明出处。一、设置input的placeholder的字体样式设置input聚