更加灵活。 很显然，这比纯色的背景好看太多了。 由此可见，渐变并没有那么简单。 通过这个例子，是不是使用渐变的思路更加开阔了。不过这里还需要注意一点： 当你声明多个渐变时，最先声明的，离用户越近。（这里就需要我们考虑遮盖的问题，一般采用transparent）； 对于径向渐变的…

Taro UI 是一款基于 Taro 编写的多端 UI 组件库。Taro UI 借助 Taro 支持多端运行的特点，只需解决不同平台 CSS 的表现差异问题，就可以在微信小程序/ H5 / ReactNative 等多端适配运行。

做了一组移动端的页面，在布局时遇到了一些问题，总结下以避免再次掉坑。 纯图片可以使用img标签，将其宽度设置成百分比，高度会自动按比例缩放。控制起来很方便。 带背景图片的div就有点麻烦了，宽度可以使用百分比，但高度如果不设置具体像素数，会按照内容大小自动布局，这个问题处理起来…

视差滚动是非常有趣的网页特效，本文将介绍一种高效的跨浏览器实现方法，并分析其实现原理。

视差滚动（Parallax Scrolling）是指让多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。 作为网页设计的热点趋势，越来越多的网站应用了这项技术。 通常而言，滚动视差在前端需要辅助 Javascript 才能实现。当然，其实 CSS 在实现滚动…

使用CSS让元素不可见的方法很多，剪裁、定位到屏幕外、透明度变化等都是可以的。虽然它们都是肉眼看不见，但背后却在多个维度上都有差别 在Chrome和Safari浏览器，则根据父元素是否是否为none来影响图片加载情况，父元素带有display:none，图片不加载。 2. 与c…

10 个独特的 CSS 背景视觉效果

起因 多列布局是前端一个经典的反复被提及的面试题目，最典型的即两列，左列定宽菜单栏，右列变宽为内容区域。 通常得到的答案无外乎左列浮动定宽，然后右列或浮动，或设置外边距，或绝对定位等等。偶尔会有面试者给出设置右列overflow属性的答案，心里就会有些惊喜，继而会继续追问，为什么…