One doc tagged with "特效"

在前端这个无奇不有的世界里，有些网站不是正常垂直滚动的，而是横向滚动的，那么在没法把鼠标滚轮横过来的前提下（苹果除外），能否实现网页横向滚动呢？我们来写代码试试。

CSS 里有一个 resize 属性，可以给 HTML 元素添加上缩放按钮，就像 textarea 元素的一样。不过它只能给块级元素，例如 div 添加，并且需要把元素的 overflow 属性设置为 auto、hidden 或 scroll 其中的一种。resize 常用的属性值有 horizontal、vertical 和 both 三种属性，分别控制是否可以水平缩放、垂直缩放或同时缩放。

那种首页有好看的渐变背景动画的效果是怎么实现的呢？我们知道 css 的 linear-gradient() 函数不支持对它其中的颜色参数进行动画，还有其它纯 CSS 的方式吗？

玩着玩着游戏，突然想仿一个官网做教程，发现光按钮的特效就够折腾的，那么就先研究一下它是怎么实现的吧，研究结果都在视频里了，源代码在视频简介中。

之前我做过这样一期视频，实现一个毛玻璃特效的登录表单。当时的思路是这样的，首先有一个原始的背景图片，在它上面再放上一张一模一样的图片，然后给他设置模糊滤镜，再用一个圆角矩形的框，把它作为蒙版，把图片超出的部分给隐藏掉，只显示表单这一块区域所用到的部分，然后再给它设置一个内部的阴影，让它看起来有一个玻璃反光的效果，这样就有了玻璃特效。这个是比较原始的方式。