今天来分享一些原生的CSS或者是CSS+JS的实际例子，这些例子比较的简单，但是都是实际开发之中可能遇到的。相信还是会对部分童鞋有所帮助~ 时间轴算是很常见效果，我们可以通过CSS的相对定位和绝对定位来实现，在开发的时候我们可以根据实际情况来调整各个属性的值，以满足需求。 对于…

巧用伪元素:before、:after等，让你的页面按钮眼前一亮。更多内容：https://github.com/reng99/blogs

事情是这样的，前天上午产品经理说想要做一个心愿墙，问我能不能行 我心想，这太容易了，但为了多摸一天鱼，我说还是有点挑战的 结果下午，产品经理和设计师就给我发来了设计参考 他们说，心愿墙的设计大致是这样

在项目需求中，需要判断设备的横屏或竖屏方向来实现不同的功能以及样式处理，对应的JavaScript和CSS代码如下： 使用 JavaScript 判断横屏或竖屏方向 使用 CSS 判断横屏或竖屏方向

之前在逛一些网站的时候，就经常看见一些图片背景模糊的效果，这样的效果可以使得用户将更多的注意力放在清晰的地方上，可以不经意间引导用户。 我就很好奇，这样的一种效果是怎么实现的。恰好这几天周末，顺便弥

使用color: transparent将文字颜色设置为透明， background-clip: text设置背景根据文字形状裁剪，最后设置渐变背景即可完成渐变彩虹文字🌈

现如今的页面越来越复杂，一个页面往往承载着大量的元素，最常见的就是一些电商页面，数以万计的商品列表是怎么保证渲染不卡顿的，大家在面对这种长列表渲染的场景下，一般都会采用分页或者虚拟列表来减缓页面一次性

作为一名拥有钢铁般意志的前端打工人，装逼是不可能的，这辈子都不可能装逼。如果真要装逼，那就大家一起装逼，毕竟前端要讲武德嘛，要耗子尾汁。前端装逼技巧108式，供诸君茶余饭后一乐，为打工生活增添乐趣。

本期来讲一讲css画三角形和箭头呗，学妹没有给我买奶茶，都是骗人的 小知识，大挑战！本文正在参与“[程序员必备小知识] 本文已参与[「掘力星计划」]