苍耳君

使用跨平台浏览器功能来构建安全，可访问且易于使用的登录表单。 如果您的站点需要用户登录使用，那么对于一些行动不便，工作繁忙和压力重重的人来说，友好的登录表单涉及就会显得至关重要了。设计不友好的登录表单不仅会错过用户的登录，而切会导致用户跳出率会变高---这也意味着用户的流失和不…

为了提升用户体验，点击【复制】按钮就自动复制到剪贴板，那么就需要前端实现这种功能了。 左边是一个input的文本框，只读，右边是一个按钮。 这种东西就跳过吧，不是重点。 两行？看起来是不是很简单？哈哈~那你就错了，这里面是有坑的。 第一目前没有一个很完美的方法可以兼容各个浏览器…

哈哈，上动态图真的是一下就明了了。 通过css3中的关键帧，可以得到跳步的效果。先通过一个短的看一下思路。 如果是写死的获奖，那么需要把前面的那个复制一份到后面去，如果是一个一个滚动那么就复制第一个，如果是两个两个滚动的就复制第一个和第二个。 然后计算需要滚动多少次，一次多少秒…

已知20条内容要有弹幕效果，分成三层，速度随机。 所以这里不考虑填写生成的。只是一个展现的效果。

视差滚动（Parallax Scrolling）是指让多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。 作为网页设计的热点趋势，越来越多的网站应用了这项技术。 通常而言，滚动视差在前端需要辅助 Javascript 才能实现。当然，其实 CSS 在实现滚动…

ps: css越来越真正的像一门语言了，css已经有变量了，刚刚看到文档中。一个实验性质的功能。 线性渐变为向上，向下，向左，向右两种渐变方式。 此为css的一个函数。线性渐变由一个轴即梯度线构成。其上的每个点具有两种或多种颜色。其轴上的每个点具有独立的颜色。为了构建出平滑的渐…

故事：2007 年初。苹果公司在发布首款 iPhone 前夕，遇到一个问题：当时的网站都是为大屏幕设备所设计的。于是苹果的工程师们做了一些约定，应对 iPhone 这种小屏幕浏览桌面端站点的问题。 这当中最出名的，当属双击缩放(double tap to zoom)，这也是会有…

在网络上或是我们的日常工作中，经常会看到设计师和开发人员两大阵营的争论。设计师可能经常会遇到这样一些情况，当开发人员对着设计稿想实现一些效果时，会提出一大堆的问题。如：这个按钮的颜色是什么呢？这个导航栏一级菜单的字体大小是多少呢？这两页的LOGO一样，大小尺寸有什么区别吗？等等…

本文github地址,持续更新...... 覆盖一层蒙版，并在蒙版上书写文字。需要2层，从低到上为图片层、蒙版层(上面可写字) 毛玻璃蒙版，本质上讲是两层图，底层图清晰完整，顶层图模糊残缺，并且两者位移完全一致，因此叠加到一起后像是一张图。为了确保位移一致，我们用了 backg…