28个纯CSS框架Loaders.css加载动画

28个纯CSS框架Loaders.css加载动画

Loaders.css是一款非常出色的加载动画框架,Loaders.css利用纯CSS可以实现很多种样式的Loading加载动画,这些动画并不需要图片来辅助,而是仅仅需要CSS即可实现,因此运行效率比较不错。 Loaders.css的特点基于纯CSS,不需JavaScript脚本,也不需要图片,很干净。 默认提供近30个不同的Loading动画效果,你也可以发挥自己的想象来实现不同的加载动画。 Loaders.css比较轻巧,基本没什么臃肿的文件。 免费、开源……
Buttons-CSS按钮样式库

Buttons-CSS按钮样式库

Buttons-CSS按钮样式库 Buttons 是一个基于 Sass 和 Compass 构建的CSS按钮(button)样式库,图标采用的是Font Awesome,可以和Bootstrap融合使用。支持多种形状和尺寸的按钮样式可供选择,带边框和不带边框的按钮,3D 按钮,突起样式的按钮,长阴影,光晕效果,带下拉菜单的按钮,堆叠按钮,额外的环绕效果,各种文字样式。[caption id="attachment_902" align="aligncenter" width="584"] 样式效果[/caption] ……
面试技巧-阿里负责人揭秘面试潜规则

面试技巧-阿里负责人揭秘面试潜规则

 阿里巴巴校招负责人揭秘面试中那些你应该知道的“潜规则”!最近负责了公司招聘,发现校园招聘这种事情,真是一个奇葩的工作。能做好校园招聘的人,一定是一个矛盾体。这个人一定是思维缜密,因为流程在这里特别重要,宣讲会、笔试、面试,需要不能出乱子;这个人还需要有创新意识,做好了宣讲会、笔试面试,也就是中规中矩,没啥特色,如果不弄点有新意的东东出来,也很难找到最优秀的人才。有人说,这……
css3实现苹果手表applewatch开机动画特效

css3实现苹果手表applewatch开机动画特效

 html5+css3 实现一个苹果表拨号动画实例,本文我们使用keyframe动画和一些小技巧来实现苹果标表盘进度条动画,效果还是比较炫的。  HTML <!DOCTYPE> <html> <head> <meta charset="utf-8" /> <title></title><link rel="stylesheet" href="index.css" type="text/css" /></head><body><section class="demo-containe……
fieldset和legend标签的使用方法[教程]

fieldset和legend标签的使用方法[教程]

  介绍 fieldset 元素可将表单内的相关元素分组。<fieldset> 标签将表单内容的一部分打包,生成一组相关表单的字段。当一组表单元素放到 <fieldset> 标签内时,浏览器会以特殊方式来显示它们,它们可能有特殊的边界、3D 效果,或者甚至可创建一个子表单来处理这些元素。PS: 所有浏览器都基本支持 <fieldset> 标签,除了部分很老的浏览器! HTML <!DOCTYPE HTML> <html>……
css3 box-sizing属性教程

css3 box-sizing属性教程

  介绍 box-sizing属性可以为三个值之一:content-box(default),border-box,padding-box。content-box,border和padding不计算入width之内。padding-box,padding计算入width内。(火狐浏览器支持该属性,谷歌浏览器不支持,w3c上也无该属性)border-box,border和padding计算入width之内,其实就是怪异模式了~ PS:ie8+浏览器支持content-box和border-box,ff则支持全部三个值。使用……
jquery实现checkbox全选,反选,取消选择[教程]

jquery实现checkbox全选,反选,取消选择[教程]

一、前言 全选和取消功能是网页中常见的操作,那怎么来实现这个功能呢?今天这样写了一个全选和取消全选的功能吧!非常简单  二、HTML <body> <input type="checkbox" name="checkItems" id="checkItems" value="全选/全不选"/>全选/全不选 <br> <input type="checkbox" name="items" value="足球" />足球 <input type="checkbox" name="items" value="篮球"/>篮球 <in……
css3中webkit-box的用法[教程]

css3中webkit-box的用法[教程]

[caption id="attachment_854" align="aligncenter" width="305"] 实例3截图[/caption] webkit-box 一、前言 1、之前要实现横列的web布局,通常就是float或者display:inline-block; 但是都不能做到真正的流体布局。至少width要自己去算百分比。2.flexible box 就可以实现真正意义上的流体布局。只要给出相应属性,浏览器会帮我们做额外的计算。?PS : ?css3不支持低版本浏览器,建议用最新版本谷歌或火狐浏览器! 二……
clearfix清除浮动进化史

clearfix清除浮动进化史

 我想大家在写CSS的时候应该都对清除浮动的用法深有体会,今天我们就还讨论下clearfix的进化史吧。 clearfix清除浮动 首先在很多很多年以前我们常用的清除浮动是这样的。 .clear{clear:both;line-height:0;} 现在可能还可以在很多老的站点上可以看到这样的代码,相当暴力有效的解决浮动的问题。但是这个用法有一个致命伤,就是每次清除浮动的时候都需要增加一个空标签来使用。这种做法如果在页面复杂的布局……
CSS实现背景透明,文字不透明(兼容各浏览器)

CSS实现背景透明,文字不透明(兼容各浏览器)

在 FF/Chrome 等较新的浏览器中可以使用css属性background-color的rgba轻松实现背景透明,而文字保持不透明。而IE6/7/8浏览器不支持rgba,只有使用IE的专属滤镜filter:Alpha来实现,但是这样写法会把文字也变为透明,因此只有在透明容器的子节点(文本节点除外)内设置position:relative才能不继承其父元素的透明滤镜,代码如下:<!DOCTYPE html > <html> <head> <meta http-equiv="Content-Typ……