基于css3进行写出了这样一个流光登录的效果，通过外侧一个大盒子和一个内侧的登录框，通过z-index的垂直层叠设置和外侧盒子超出部分隐藏，实现了这样一个流动线条的效果

滚动视差 滚动视差效果（Parallax Scrolling）是指让多层背景以不同的速度位移，形成立体的运动效果的视觉体验，在前端强交互的时代，更应该多考虑这种用户体验较好的动效～ 实现方案 JS监听

用原生的 js 实现了钉钉官网的一个动画效果，觉得实现这个效果特别能锻炼人的思维，在不依赖框架、第三方库的情况下，自己使用原生的 js去实现一遍，对自己的提升会非常大，因此我也试着去实现该动画效果

界面无滚动条 滚动条的优化也有很多种，比如随便再网上搜索美化浏览器滚动条样式，就会出现些用css去美化滚动条的方案。 那种更好呢？ 没有更好只有更合适 像默认的滚动条的话，他能让你方便摁着往下滑动（他

今日，群友提问，如何实现这么一个 Loading 效果： 这个确实有点意思，但是这是 CSS 能够完成的？ 没错，这个效果中的核心气泡效果，其实借助 CSS 中的滤镜，能够比较轻松的实现，就是所需的元

又是一年七夕来，本该是与心上人幽会kfc-crazy-Thursday的时候，奈何这世道不懂温情也就罢了，竟然还要上班！ 想在小圈子里诉说一下心中的郁郁之情，没想到UI直接给我丢过来一个“碗”！！

最近在项目中需要做到类似于 **Mac** 下这种，当屏幕宽度足以容下当前文件名称的时候，文件名称全部展示，不做省略。然而当用户缩放浏览器显示的尺寸时，我们需要做到省略中间的文字，选择保留后缀这种方案

在 mac 文件管理中有这样一个小细节。 当文件名不超过一行时，完整显示，此时鼠标放上去无任何提示 当文件名超过一行时，出现省略号，此时鼠标放上去提示显示完整文件名。一起看看如何实现吧

我正在参加 码上掘金体验活动，详情：show出你的创意代码块 练习 CSS 一个很好的方法就是绘制各式各样的 UI，比如这样一个时钟？ CSS clock CSS 绘制这样一个布局有几个难点： 环形排