在做移动端适配的时候，很多人第一反应就是使用 rem ，通过动态设置 html 上的 font-size 来进行页面的自适应，基本原理就是 rem 表示的是 root em ，页面中所有的值都是基于

CSS 阴影的存在，让物体看上去更加有型立体。 然而，在最简单的阴影使用之上，我们可以实现更多有意思且更加立体的阴影效果。 本文将带大家看看如何使用 CSS 实现几类比普通阴影更加立体的阴影效果。 C

修改 placeholder 样式，多行文本溢出，隐藏滚动条，修改光标颜色，水平和垂直居中。这些熟悉的场景啊! 前端开发者几乎每天都会和它们打交道，这里有20个CSS技巧，让我们一起来看看吧。 1.

利用css3的特性制作出一个精美的表盘，效果可完全用css实现，但是为了简化代码和获取当前时间，所以用了部分的js代码

这次来看一个很常见的搜索框的交互，大概逻辑如下 当输入框有内容才显示清除按钮 点击清除按钮输入框会清空 当输入框有内容并且处于聚焦情况下才显示搜索结果浮层 点击搜索条目后关闭整个搜索结果浮层 示意如下

如图，导航是动态获取的scroll滑块，点击每一个块会动态滑动到对应的下标。 2、要居中显示下标。计算方式是（（元素宽-下标宽度）/2）+左边的边界）+左边所有元素总宽度。因为createSelectorQuery是px像素，所以我们要用uni.upx2px()这个方法转一下再…

这是掘金的滚动条，对于掘金的界面风格来说，无伤大雅。 但，还是可以调一下。总所周知！-webkit webkit 这就够了，挺不错的。一切都好，但Firefox不行。 Firefox 还好Firefo

之前整了一篇，文字效果的文章,总感觉缺少了一些灵动，所以我产生了动态文字的想法，这一实现，我发现动态文字真好玩。CSS的属性是丰富的，一种效果往往不只一种解决方案。