CSS3

CSS即层叠样式表(Cascading StyleSheet)。 在网页制作时采用层叠样式表技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制

36种漂亮的CSS3网页按钮Button样式,总有你喜欢的

<!DOCTYPE HTML><html lang=\"en-US\"><head><meta charset=\"UTF-8\"><title>36种漂亮的CSS3网页按钮Button样式</title><style type=\"text/css\">body{ back

2015-07-10 15:06:30

36种漂亮的CSS3网页按钮Button样式

<!DOCTYPE HTML> <html lang=\"en-US\"> <head> <meta charset=\"UTF-8\"> <title>36种漂亮的CSS3网页按钮Button样式</title> <style type=\"text/css\"&g

2015-07-10 15:06:29

分享十个CSS3鼠标滑过文字动画特效

介绍10组基于CSS3的鼠标滑过文字动画特效,有上凸、下凹等文字动画。这些炫酷的CSS3文字效果可以让网页变得更加绚丽。效果图如下: 在线预览   源码下载 实现的代码。 html代码: <h2 class=\"headingOuter\"> Push down (shadow eff

2015-07-08 18:23:00

9款极具创意的HTML5/CSS3进度条动画

今天我们要分享9款极具创意的HTML5/CSS3进度条动画,这些进度条也许可以帮你增强用户交互和提高用户体验,喜欢的朋友就收藏了吧。 1、HTML5/CSS3图片加载进度条 可切换多主题 今天要分享的这款HTML5/CSS3进度条模拟了真实的图片加载场景,插件会默认去从服务器下载几张比较大的图片,然后让该进度条展现当前读取图片的进度,让演示变得非常真

2015-07-08 18:22:59

[CSS3]制作50个超棒动画效果教程

CSS3为我们带来了令人惊叹的新特性,而最有趣的就是CSS动画。今天彬Go向大家推荐这50个CSS动画集合可以让你通过使用JavaScript函数来让动画更生动。为了能够预览到这些惊人的CSS3技术带来的动画特效,请大家使用如Safari和Chrome这类基于WebKit内核的浏览器。(IE浏览器谢绝观赏~)  您还可以参考以下CSS3相关文章:

2015-07-08 18:22:59

四款帮助前端设计师快速实现超酷动画或过渡效果的CSS3类库

新的CSS3中添加了有关动画和过渡效果的特性模块,这些模块可以有效地取代过去我们在前端开发中普遍使用的Javascript,从而更加方便快捷的实现各种设计及其UI中的特殊效果。 在今天这篇文章中,我们给大家推荐四款精心挑选的CSS3动画和过渡效果类库,可以帮助设计师多快好省的实现各种前端的动画效果,相信大家一定能够在以后的前端web项目中使用的到。

2015-07-08 18:22:59

利用css3制作的几个loading图

先看图,多数是从别人那里看的效果直接仿的,先开随笔,有了创意继续加 其实3个之后,脑子里立刻有个第四个的制作思路,无外乎是利用border或者块元素变形,然后构思好接下来的行为,写起来也非常简单,5个一共用了半个小时左右,缺的还是思路啊 代码如下 <!doctype html> <html> <head>

2015-07-08 18:22:58

CSS3中的弹性流体盒模型技术详解(一)

从这篇文章开始,会利用几个篇幅,我将跟大家分享 从CSS1到CSS3都是如何实现页面布局的(当然,所指的范畴是利用CSS技术)。 由于盒子模型技术内容比较多,这篇文章我将着重讲解知识点。 下一篇文章,我会带领大家开发一个兼容 pc端浏览器和 移动端浏览器的弹性布局web界面的实例。希望大家能从中领受到CSS3在布局方面的强大功能。   好了

2015-07-08 18:22:58

EnjoyCSS – 在线的,先进的 CSS3 代码生成器

  EnjoyCSS 是一款先进的 CSS3 代码生成工具,可以让你摆脱日常的编码。它方便和易于使用的用户界面允许您快速,无需编码就可以调节出丰富的图形样式。您将能够玩转所有的 EnjoyCSS 参数,就像在 Photoshop 或 illustarator 中一样,结合所有可能的 CSS3 样式功能。所有必需的 CSS 代码将被 EnjoyCSS

2015-07-08 18:22:58

纯css3实现的win8加载动画

今天给大家分享一款纯css3实现的win8加载动画。在这款实例中动画效果完全由css3实现。一起看下效果图: 在线预览   源码下载 实现的代码。 html代码: <div class=\"wrapp\"> <div class=\"text\">

2015-07-08 18:22:57

使用CSS3创建文字颜色渐变(CSS3 Text Gradient)

考虑一下,如何在网页中达到类似以下文字渐变的效果?              传统的实现中,是用一副透明渐变的图片覆盖在文字上。具体实现方式可参考 http://www.qianduan.net/css-gradient-text-effect.html&nbsp

2015-07-08 18:22:57

熟悉css/css3颜色属性

  颜色属性无处不在。字体要用颜色,背景可以有颜色,粒子特效更是离不开颜色。本文参考了一些资料简单总结下以备日后查阅。   css中颜色的定义方式: 十六进制色 RGB & RGBA HSL & HSLA 颜色名 十六进制色   个人最喜欢的一种颜色表达方式。   十六进制颜色是这样规定的:#RRGGBB,其中的RR(

2015-07-08 18:22:57

CSS3 3D立方体翻转菜单实现教程

今天我们来看一个非常有创意的CSS3 3D菜单,这个菜单的菜单项是可以旋转的长方体,鼠标滑过是长方体即可旋转,看看下面的效果图,是不是感觉非常酷,我觉得这个菜单很适合用在咱们开发人员的个人网站上。 当然你也可以直接到这里去查看这款菜单的DEMO演示。 接下来还是分析一下这款CSS3菜单的源代码吧,很简单的HTML+CSS即可实现。 先来看看HTML

2015-07-08 18:22:56

测试一下各浏览器对CSS3的支持

URL:http://wange.im/demo/doraemon/ 参于测试的浏览器:IE7,IE8,360,Firefox,Chrome,傲游 看图:   总结:      IE7和360的效果最差,IE8的效果与IE7好些但还是差强人意,Firefox、C

2015-07-08 18:22:56

css3动画事件—webkitAnimationEnd

  用css3的animation完成一个动画,当只有这个动画完成时才执行令一个事件,比如让动画保持在终止的状态或其他一些事件。我们该怎么办呢。   第一种方法:     用计时器,设定一个和动画时长一样的time,过time事件去执行这个函数。     setTimeout(function(){ },time);   第二种方法:       

2015-07-08 18:22:56

CSS3绘制砖墙-没有用任何图片

<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\"><html xmlns=\"http://www.w3.org/1999/xhtml\"&g

2015-07-08 18:22:55

css3 shadow实现的各种漂亮阴影效果

<!DOCTYPE html><head><meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\" /><title>纯CSS3实现的各种阴影效果</title><style>body{padding:

2015-07-08 18:22:55

CSS3 学习+实践(三)

CSS3基本属性Gradient----渐变 现代浏览器的内核,主流内容主要有Mozilla(熟悉的有Firefox,Flock等浏览器)、WebKit(熟悉的有Safari、Chrome等浏览器)、Opera(Opera浏览器)、Trident(讨厌的IE浏览器)。 根据不同的内核,一些私有属性的css前缀不一样  Mozilla内核  

2015-07-08 18:22:54

30款css3实现的鼠标经过图片显示描述特效

今天给大家分享30款css3实现的鼠标经过图片显示描述特效,鼠标经过这些图片的时候以非常炫的方式显示图片的描述。为保证最佳的效果,请在 IE10+、Chrome、Firefox 和 Safari 等现代浏览器中浏览。 在线预览   源码下载 实现的代码。 html代码: <div class=\"cont

2015-07-08 18:22:54

CSS3特效之动画:animation

相关文章 CSS3特效之透明:rgba CSS3特效之文字阴影:text-shadow CSS3特效之盒阴影:box-shadow CSS3特效之渐变:linear-gradient CSS3特效之转换:transform CSS3特效之过渡:transition CSS3特效之动画:animation 【总结】怎样用css实现图片垂

2015-07-08 18:22:53