利用canvas打造一个炫酷的粒子背景

2017-08-08

利用canvas打造一个炫酷的粒子背景,当然还有一些库都可以的,这次我们手写这个背景,主要的还是JS,canvas只是画布本身没有什么效果的,只是接口,还是需要JS去完成的。 canvas标签说明: 这个 HTML 元素是为了客户端矢量图形而设计...

css字体图标库推荐Font Awesome和使用方法

2017-08-07

今天给大家推荐一个字体图标库,免费的哦!最重要的是,无需依赖任何框架和库,一个css文件全部搞定 Font Awesome简介: Font Awesome为您提供可缩放的矢量图标,您可以使用CSS所提供的所有特性对它们进行更改,包括:大小、颜色、阴...

纯CSS实现瀑布流布局[转载]

2017-07-14

前几天在看W3Cplus看到大漠老师这篇关于css实现瀑布流的文章,感觉写的非常好,特意和大漠老师取得联系获得了转载授权(注明:本文并未全部转载,只转载了博主认为两个比较好的方法。如果需要查看全的同学可以直接点击文章底部的原文...

CSS3动画库-animate.css

2017-07-12

animate.css是一个提供跨浏览器CSS3动画库,来自国外,被誉为史上最牛的动画库,包含了常见的抖动(shake)、闪烁(flash)、弹跳(bounce)、翻转(flip)、旋转(rotateIn/rotateOut)、淡入淡出(fadeIn/fadeOut)等60多种动画。兼...

JS实现选项卡功能

2017-07-10

JS选项卡是一个很常见的网页功能,其实应该是叫tab选项卡的,就是一个鼠标点击或者划过某个地方,显示不同的内容,减少网页空间,合理布局,增加交互和用户体验,接下来,来看下怎么实现的。 html代码: <div id="warp"&...

JS正则简单表单验证

2017-07-06

JS表单验证,大家可能不知道,JS刚出现的时候最重要目的就是为了减轻服务器验证的压力,因为在远古时代,拨号链接的宽带很慢很慢,当用户输入一个东西后,每次都要去提交给服务器,等半天服务器给你返回信息,你才知道你输入的有错的...

图片延迟加载

2017-07-05

本期介绍下图片延迟加载,图片延迟加载在很多大型站点基本都是‘标配’了,例如,淘宝,京东,你打开这些页面的时候会发现,文字先加载了,然后再去加载图片,等你往下滚动的时候,图片会加载,如果用户没有滚动到网页靠下的部分,那图...

炫酷的css3鼠标经过效果

2017-02-13

在浏览网站的时候看到了来自Kyle Brumm大神做的案例,一组很炫酷的鼠标经过效果,这里老九分享给大家! <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="google...

css中怎么让元素垂直居中?

2016-11-10

垂直居中相信网上也有很多办法,也是大家比较头疼的。今天咱们说说这垂直居中的问题,有的人会说,老九你跑题了,你的博客不是教织梦的吗?没错,是教织梦,但是也会涉及代码,有好的方法大家一起分享撒! <!doctype html> <...