Web前端设计资源
jQuery 水面涟漪插件 jquery.ripples
项目地址：https://github.com/sirxemic/jquery.ripples
16评论 jQuery 鼠标点击水波纹特效
<script type="text/javascript"> jQuery(document).click(function(e) { var size = 100//自定义大小 jQu...
25评论 纯真IP数据库的解析与读取
纯真IP库是民间自发收集、提交、聚合而来的数据库，囊括了国内外的大量IP数据。它的官网提供了记录提交和纠错的功能，管理员在统一整合后每5天更新一次。纯真IP库是完全免费的，它的官网上有在线查询功能，同...
1312 CSS文字加粗不影响整体宽度
通过伪元素处理文字加粗造成整体宽度改变 <html> <head> <title>CSS文字加粗不影响宽度</title> <style type...
92评论 CSS3 水平垂直居中
当使用top: 50%和left: 50% 是以左上角为原点，故不处于中心位置，可以用translate()实现水平垂直居中。 translate()是css3的新特性，在不知道自身宽高的情况下，可以...
379评论 animation动画复合属性
css3中的animation动画复合属性：name(绑定的动画名称) duration(完成时间) timing-function(如何完成一个周期) delay(启动前间隔) iteration-...
2941 CSS 六边形
1、将六边形拆分为一个矩形+二个三角形，利用伪元素after和before来实现； <!--第一种方案：矩形+左右两个三角形来实现--> <div class="one">&l...
58评论 网页特效live2d看板娘
如果喜欢给自己的网站加些花花草草，live2d看板娘就是一个不错的特效，人物会跟随你的鼠标动，超级可爱！ 将下面代码添加到网页适当位置即可。 <script src="https:...
1.8K5 安卓文本无法垂直居中
安卓 webview 的字体大小在小于 12 像素的时候无法使用行高来垂直居中。目前在微信等应用都存在该问题，而在最新的移动端 Chrome 浏览器上无该问题（截止本文编写时间，微信客户端的 chro...
248评论 jQuery 插件：Animsition 为页面切换添加动画
Animsition可轻松的为页面切换添加18种不同风格的动画效果，动画特效可以应用到任何网站，也可以使用不同的效果在同一页面上。 官方问站：http://git.blivesta.com/anims...
542评论 Fastclick 解决移动端click事件延迟300ms和点击穿透问题
一、移动端click点击事件300ms延迟介绍 在正常情况下，如果不进行特殊处理，移动端在触发点击事件时，会有300ms的延迟。换句话说，当我们在点击移动端页面后不会立即做出反应，而是会等待300ms...
1.1K评论 Chrome 图片缩小的状态下模糊解决办法
本人很少用Chrome，大部分情况下火狐是主力浏览器，随着新Microsoft Edge推出，两款浏览器也交替使用起来，感觉新Microsoft Edge确实比火狐能快些，不过发现在Microsoft...
1.4K1 大自然的配色
配色是一门高深的艺术和学问，网上有很多将一些色块组合成各种色系的配色表，再冠以为什么清新、明快、时尚、稳重的名称，其实都是胡扯，你说这个配色非常高雅、明快，别人可能认为是土气、花哨，个人喜好不同，不能...
1.2K7 禁止查看网页源代码方法
总是有新手问，如何禁止别人查看自己的网页源代码？答案是没有，对于有经验者所有方法都是徒劳的。 一般常用的方法是在网页中加上类似的JS代码，屏蔽屏蔽键盘和鼠标右键。 document.onkeydown...
2.6K评论 CSS背景图像实现延迟加载的jQuery插件：Zepto Lazy
图片延迟加载正常仅对img标签中src属性的图片起作用，对CSS背景（background-image）中的图片无效，例如： <div class="lazy" style="backgroun...
688评论