CSS3热门博客列表 - ITeye博客频道 - 第6页

博客专栏推荐

本月博客排行

年度博客排行

jQuery和css3响应式带全屏模式的图片画廊插件

这是一款效果相当炫酷的jQuery和css3响应式带全屏模式的图片画廊插件。该图片画廊插件使用CSS3 Animations来制作动画。该响应式图片画廊插件支持移动触摸设备，支持使用键盘来导航，同时支持HTML5全屏模式API。在线演示：http://www.htmleaf.com/Demo/201502101360.html 下载地址：http://www.htmleaf.com/jQ ...

图片画廊响应式全屏模式 jquery css3

htmlboys 评论(0) 有2人浏览 2015-02-11 13:00

jQuery和CSS3超酷3d翻转图片幻灯片插件

这是一款效果非常炫酷的jQuery和CSS3 3d翻转图片幻灯片插件。这个幻灯片插件开始的时候图片都堆叠在一起，当用户点击了其中的某张图片后，该图片会以3D翻转的方式“飞”到堆叠图片的最前面。在线演示：http://www.htmleaf.com/Demo/201502081346.html 下载地址：http://www.htmleaf.com/jQuery/Slideshow-Sc ...

幻灯片 3d翻转 jquery css3

souti100 评论(0) 有90人浏览 2015-02-09 00:27

CSS3和js谷歌Material Design进度条插件

mprogress是一款使用纯JS和CSS3制作的谷歌Material Design样式的进度条插件。该插件没有依赖任何外部库。它可以制作4种类型的进度条动画，使用扁平化设计，非常时尚。该进度条插件有4种类型的动画方式，分别是：确定型、缓冲型、不确定型和查询确定型。 mprogress是移动设备优先的进度条js插件，◦所有类型的进度条都可以工作在Chrome 和 Firefox浏览器 ...

进度条 loading动画 js css3 插件

htmleaf 评论(0) 有252人浏览 2015-02-06 13:06

一款纯css3实现的条纹加载条

之前为大家带来了很多加载动画。基于prefixfree.js的进度加载条，基于jquery带百分比的响应式进度加载条。今天给大家分享一款纯css3实现的条纹加载条。带有响应式的效果。效果图如下：在线预览源码下载实现的代码。 html代码： <div class="container"> <div class

CSS3

liaohuolin88 评论(0) 有54人浏览 2015-01-24 19:20

14种CSS3炫酷表单input输入框美化效果

这是一款效果非常炫酷的CSS3表单input输入框美化效果插件。该input输入框美化插件共14种效果。大多数是使用CSS transitions来切换伪元素制作的。其中还有一款使用了html5 svg动画效果。

表单美化 input表单美化 css3 html5

delmarks 评论(0) 有2147人浏览 2015-01-24 13:39

HTML5树叶飘落动画

查看效果：http://keleyi.com/keleyi/phtml/css3/15.htm 请使用Chrome浏览器查看本效果。 html源代码： <!DOCTYPE HTML> <html> <head> <title>HTML5树叶飘落动画-柯乐义</title><base target="_blank ...

html5 css3 html css web

ini 评论(0) 有1195人浏览 2015-01-15 23:02

CSS3--圆角按钮，无图片

.button { display: inline-block; position: relative; margin: 10px; padding: 0 20px; text-align: center; text-decoration: none; font: bold 12px/25px Arial, sans-serif; text-shadow: 1p ...

css3

konlin 评论(0) 有555人浏览 2015-01-15 16:53

攻城狮送女友的CSS3生日蛋糕

在线预览：http://keleyi.com/keleyi/phtml/html5/29.htm 代码如下： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>攻城狮送女友的CSS3生日蛋糕-柯乐义</title> ...

html5 css3 html web css

ini 评论(1) 有974人浏览 2015-01-08 14:36

基于单个 div 的 CSS 绘图

原文： Single Div Drawings with CSS 译文：基于单个 div 的 CSS 绘图译者：前端外刊评论译注：通读本文，强烈地感受到了技术与艺术的结合！赞作者的这句话：Restricting your available options forces you to re-evaluate the tools you already have. 限制你的可选项 ...

css3 html5 div

justjavac 评论(3) 有88058人浏览 2015-01-04 12:38

模拟苹果ios系统页面过渡效果插件Kontext

效果体验：http://keleyi.com/keleyi/phtml/html5/28.htm以下是代码： <!doctype html> <html> <head> <meta charset="utf-8"> <title>模拟苹果ios系统页面过渡效果插件-柯乐义</title>< ...

html5 javascript css css3 html

ini 评论(0) 有531人浏览 2014-12-26 11:19

CSS3鼠标悬停显示动画边框

效果体验：http://keleyi.com/keleyi/phtml/css3/14.htm以下是代码： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> & ...

html5 css css3 html ini

ini 评论(0) 有571人浏览 2014-12-25 11:47

css3新属性-圆角效果

border-radius是向元素添加圆角边框。 border-radius的值能用px单位，还可以用百分比或者em，但兼容性目前还不太好。 /* 四个半径值分别是左上角、右上角、右下角和左下角，顺时针 */ <body> <div class="circle"> </div> <br/> < ...

css3 border-radius

小丑鱼0703 评论(0) 有1042人浏览 2014-12-24 15:56

留言列表模板HTML代码

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>留言列表 -- HoverTree</title> <style> .keleyitable { width: 800px; } .k ...

html css css3 html5 hovertree

hvt 评论(0) 有7188人浏览 2014-12-21 00:33

还在为HTML是何物而纠结吗？

还在为HTML是何物而纠结吗？前不久，举世瞩目的HTML5标准出台，以此从容应对当今WEB技术的风云变化，很多初学者跃跃欲试，想以此赶上这一大发展浪� ...

html5 javascript css3

毒蜂引碟评论(0) 有21人浏览 2014-12-15 13:16

HTML5特别的进度条

查看效果:http://keleyi.com/keleyi/phtml/html5/26.htm完整代码如下： <!DOCTYPE html> <html> <head> <meta charset='UTF-8'> <title>HTML5特别的进度条-柯乐义</title> <base target= ...

html5 css css3 javascript ini

ini 评论(0) 有729人浏览 2014-12-07 08:47

jQuery移动端选择输入日期时间

效果体验：http://keleyi.com/keleyi/phtml/yidong/1.htm请使用支持HTML5的浏览器查看效果。以下是代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport&quo ...

jquery html5 css3 ini css

ini 评论(0) 有756人浏览 2014-12-05 15:37

jQuery拖拽改变元素大小

一个非常简单的例子,体验效果：http://keleyi.com/keleyi/phtml/jqtexiao/29.htm以下是完整代码，保存到HTML文件打开也可以体验效果。 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title> ...

jquery html5 css3 css ini

ini 评论(0) 有417人浏览 2014-12-05 15:33

HTML5和CSS3知识和特效

jQuery等网页特效大全 http://ini.iteye.com/blog/2165698 足球宝贝来了，任你旋转(CSS3) http://ini.iteye.com/blog/2079767 HTML5 3D美女图片旋转 http://ini.iteye.com/blog/2067613 HTML5 随机弹跳的小球 http://ini.iteye.com/blo ...

html5 css3 web前端 ini css

ini 评论(0) 有1357人浏览 2014-12-05 15:29

一款纯css3实现的发光屏幕旋转特效

今天给大家带来一款纯css3实现的发光屏幕旋转特效。该屏幕由纯css3实现带发光旋转特效，效果图如下：在线预览源码下载实现的代码。 html代码： <div class="screen"> </div> css3代码： *{ margin: 0; padding: 0; } *, *:be ...