作为一名前端开发者，我们一定都遇到过这样的需求：实现一个占满整个屏幕的欢迎页、弹窗蒙层或者一个 fixed 定位的底部菜单。 直觉告诉我们，这很简单，给它一个 `height: 100vh` 就行了

巧妙使用HTML和CSS一步步来实现元素边框无限流动环绕动画效果，这个活力十足的动画效果主要通过渐变背景和旋转动画来实现，可以给网页中的元素增强活动力。每块代码都会有详细的文字描述和附图助于理解

新拟态的英文名称是“Neumorphism”，是New+Skeuomorphism的组合词，同时也叫“Soft UI”。简单讲，新拟态是一种图形样式，其原理是通过模拟真实物体来为界面的UI元素赋予真实感。 在今年上半年，新拟态的UI设计风靡一时，它被誉为2020年最火的UI设计…

HTML、CSS和JavaScript创建独特而引人注目的文字(字母&数字)雨动画效果。该动画展现出的是一系列随机字符从云朵中下落像是将文字变成雨滴从天而降，营造出与众不同的视觉效果并且增加网页吸引力

网页端如何一键变灰已经有很多实现方式了，但是我看到一个推文很有意思，是一个不错的面试题 一键变灰 这个大部分同学都写了，直接 考虑ie之类的兼容性的话，就直接把兼容性的属性都搞上

今天给大家带来了11张我觉得不论从视觉效果还是页面布局的维度都特别nice的11个pc偏管理端的界面，希望大家可以在平时开发没有灵感时用来做参考。

说到元素拖拽，通常都会先想到用 HTML5 的拖拽放置 (Drag 和 Drop) 来实现，它提供了一套完整的事件机制，看起来似乎是首选的解决方案，但实际却不是那么美好，主要是它的样式太过简陋

最近忙里偷闲，给自己加油充电的时候，发现自己脑海中布局这块非常的凌乱混杂，于是花了一些时间将一些常用的布局及其实现方法整理梳理了出来，在这里，分享给大家。 单列布局是最常用的一种布局，一般是将一个元素作为容器，设置一个固定的宽度，水平居中对齐。 一栏布局（通栏）头部和底部宽度一…

以前大部分时间都是在做b端相关的项目，在实现此类需求时，通常都是直接借助a标签搞定，现在做c端了，对交互性的要求一下就提升了，此时a标签就远远不能满足要求了，需要借助js来实现此类需求，特此记录。 ~~效果很明显，在事件触发之后，页面立马跑到的顶部，在交互性没啥要求的时候，这种…