9种纯css3 loading圈加载动画效果下载
dwtedx CSS3教程 2652 0 2015-04-16 09:11:12

本Demo是一个loading页面加载的一个功能、图标都是通过css3代码来实现的、Demo里面一共包含9款不同loading效果、Demo引入了bootstrap.min.css和一个自定义的9种加载动画、相比我以前分享的css3加载动画特效选择性要多些、可以根据项目的需要选择不同的loading加载动画效果、效果图如下 以loader4为例HTML代码如下 <div class="col-md-6 text-center"> <p>loader 4</p> &l...

阅读全文

纯CSS3 loading环形加载条_CSS3加载动画效果
dwtedx CSS3教程 1891 0 2015-03-26 09:44:03

以前分享过一个html jQuery加载进度条插件、主要是使用jQuery和html实现的、现在再分享一个纯css3实现的条纹加载条、绿色条纹css3进度条、并且带有响应式的效果、代码非常简单、只有一点css、非常的轻盈、如果你有进度条的需求、这个非常不错、如果你觉得绿色和你的项目风格不一致、你也可以修改成其实颜色 HTML代码 <div class="container"> <div class="warning"> </div> </div>...

阅读全文

纯div css二级下拉菜单样式模板
dwtedx CSS3教程 1299 0 2015-02-16 11:31:32

一直以来、大家都知道下拉菜单都是利用JS控制HTML标签来达到下拉菜单的效果、但这样的话、在搜索引擎的快照页面就不会显示二级菜单、如果直接使用css来做菜单的话、在搜索引擎的快照页面就会显示二级菜单、大家可以看下我的博客的菜单、就是使用纯css实现的、在快照页可以正常显示功能菜单、其实、下拉菜单的原理并不难、就是利用CSS的overflow属性和height、以及hover(伪类)、三者相互配合、首先将父菜单和子菜单全部排版出来(父菜单和所有的子菜单在同一个<li>标签里面、实际应用中父菜单不可能只有一个、列表排版比较...

阅读全文

glyphicons 图标_精美纯css3 icon图标源码下载
dwtedx CSS3教程 7371 0 2015-01-08 12:34:14

今天在互联网上无意中发现的一套非常实用的html css实现常用的ICON图标、非常不错的实现、在此分享给大家、全部是使用css使用的哦、对做前端的朋友非常有帮助、好好利用哦、先看一下图片截图吧 部分css代码 .social_wordpress_circle:before { content: "e0b0"; } .social_instagram_circle:before { content: "e0b1"; } .social_dribbble_circle:before { content: "e...

阅读全文

css中正确设置字体(css怎么设置字体)
dwtedx CSS3教程 1881 0 2014-04-05 21:30:36

.selector{ font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu } 说明: 加上中文名“微软雅黑”是为了兼容opera。 MicrosoftJhengHei为微软正黑体,STHeiti为华文黑体,MingLiu记得11px下的中文有着不凡的效果。 在css中推荐使用中文字体的英文表示法,以下附常见中文字体的英文名: Mac OS的一些: 华文细黑:STHeiti Light [STXihei] 华文黑体:STHeiti 华文...

阅读全文

CSS3之选择器
dwtedx CSS3教程 1220 1 2014-01-09 22:25:15

1. 属性选择器:[att*=val]   [att^=val]   [att$=val] [id*=section1]{background-color:yellow}表示id中拥有section1的背景颜色都设为黄色 [id^=section1]{background-color:red}表示id中开头为section1的背景颜色都设为红色 [id$=section1]{background-color:blue}表示id中结尾为section1的背景颜色都设为蓝色 注意:如果[id...

阅读全文

css3 box-shadow 内阴影与外阴影
dwtedx CSS3教程 1378 0 2014-01-05 14:09:09

css3 box-shadow 内阴影与外阴影 1、 box-shadow具体使用方法,语法: E {box-shadow:inset x-offset y-offset blur-radius spread-radius color} 换句说: 对象选择器 {text-shadow:投影方式 X轴偏移量 Y轴偏移量 阴影模糊半径 阴影扩展半径 阴影颜色} 取值:投放方式:默认是外阴影 , box-shadow属性至多有6个参数设置,他们分别...

阅读全文

DD记账
top
+