博客首页 → CSS3

最新文章列表

基于 CSS3 的下一代 Web 应用开发，第 3 部分: 在 IE 中的特殊处理

  Opacity 透明度 透明度属性是 CSS 中非常常用和流行的一个属性，目前已经广泛被主要浏览器支持，可惜的是 IE6/7/8 均不支持该属性。虽然 IE 没有支持这个 CSS 属性，但是我们可以通过使用 IE 特有的滤镜 filter 属性来实现相同效果。 清单 1. Opacity 代码示例 opacity: 0.4; /*Chrome、Safari、Fi ...
CSS3IE 
xjk2131650 评论(0) 有816人浏览 2012-03-28 14:47

基于 CSS3 的下一代 Web 应用开发，第 2 部分: 实现和应用

  本文《基于 CSS3 的下一代 Web 应用开发》系列文章的第 2 部分，第 1 部分我们将介绍了 CSS 的发展历史，个版本的功能特点差异和 CSS3 引入的新特性。 ...
CSS3 
xjk2131650 评论(0) 有751人浏览 2012-03-27 17:26

实现 HTML5 和 CSS3 的跨浏览器功能

最新版本的 HTML 和 CSS 提供了许多新特性。例如，HTML5 包含了让 Web 页面更有语义的新元素；现在，您可以离线储存数据、创建可编辑的内容区和使用拖放功能等等。使用 CSS3 可以创建未使用图像的圆角效果、添加阴影和渐变。尽管有许多新特性已经可用，但是并不是所有新特性能够跨浏览器工作。对于本文提供的特定 HTML5 和 CSS3 技巧，您现在就可以在所有主流浏览器的最新版本上使用 ...
HTML5CSS3 
xjk2131650 评论(0) 有809人浏览 2012-03-24 22:34

深入了解 CSS3 新特性

  简介 CSS 即层叠样式表（Cascading Stylesheet）。Web 开发中采用 CSS 技术，可以有效地控制页面的布局、字体、颜色、背景和其它效果。只需要一些简单的修改，就可以改变网页的外观和格式。CSS3 是 CSS 的升级版本，这套新标准提供了更加丰富且实用的规范，如：盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等等，目前有很多浏览器已经相继支持这 ...
CSS3 
xjk2131650 评论(0) 有795人浏览 2012-03-24 22:30

10个关于视差滚动效果的教程和插件【转】

近些年来，用户对视觉体验的要求不断提高，而设计师们也开始在网页设计中加入各种特效元素以满足用户的需求。其中有一种特效的效果很具有吸引力，它就是视差滚动效果。视差滚动（Parallax Scrolling）是指让多层背景以不同的速度移动，形成立体的运动效果，可以带来非常出色的视觉体验。 随着这种炫酷的效果首次在Nike 2011年的 Nike Better World 项目中完美展现，如今这种视差滚动 ...
html5javascriptcss3 
jsczxy2 评论(0) 有1586人浏览 2012-03-22 04:59

使用CSS3特效让你的页面菜单变得更加有趣

在线演示 在这篇文章中，我们将介绍一些快速而有效的方法来实现CSS3的菜单特效。这里我们将添加干净漂亮的悬浮特效来给你的菜单添加更多乐趣。希望大家喜欢！首先在每个菜单项目中我们包含一个带有俩个span元素的链接，如下： <ul class="mh-menu"> <li> < ...
CSS3菜单特效悬浮特效gbin1 
tyygming 评论(0) 有842人浏览 2012-03-21 16:58

使用CSS3建立不可选的的文字

下面的例子展示了在HTML5中你如何使用CSS建立不可选的文字。     <!DOCTYPE HTML> <html> <head> <title>Creating non-selectable text using CSS</title> <style type="text/css" ...
css3 
zlpx 评论(0) 有4252人浏览 2012-03-20 11:55

在容器内使用CSS设置背景颜色

下面的例子展示了你如用CSS3展示当用鼠标经过的时候，改变背景的颜色。 <!DOCTYPE HTML> <html> <head> <title>Setting a background color hover on a container using CSS</title> <style type=& ...
CSS3 
zlpx 评论(0) 有1164人浏览 2012-03-19 13:02

模仿淘宝首页淘工头像的的自由摇摆

基于css3的transform实现淘宝首页淘工图像的自由摇摆，不过没有淘宝首页那么逼真，我只是简单的按照匀速摇摆，但是现实情况摇摆速度和角度有关，这就需要一些物理公式进行处理，这里只是简单的写了个demo，没有物理公式的计算，目前demo只支持webkit内核的浏览器，如chrome，safari。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHT ...
csscss3transformJavaScript 
narutolby 评论(0) 有1308人浏览 2012-03-02 16:36

css3之RGBA colors

CSS3之 RGBA colors    ----RED GREEN BLUE APPHA     1、语法：      R ----red（红色） 正整数(0~255) 或 百分比 G ----green（绿色） 正整数(0~255) 或 百分比 B ----blue（蓝色） 正整数(0~255) 或 百分比 A ----appha（透明度） 0~1   ...
css3rgba 
zhangyaochun 评论(0) 有1539人浏览 2012-02-28 17:47

CSS3实现的超酷页面过渡效果

日期：2012/02/25  来源：GBin1.com   在线演示   本地下载. 在过去的几年中，但页面的网站设计越来越多了，大多数都是使用javascript来实现过渡效果。那么今天我们讲介绍使用CSS的transition和:target属性来实现同样的过渡效果。 HTML标签 HTML标签包含了5个主要的部分：一个header及其4个内容区域。每一个区域都拥有一个 ...
css3 
jjfat 评论(0) 有793人浏览 2012-02-28 17:40

css3之box-shadow

CSS3之 box-shadow      -------设置块阴影。         1、语法：        box-shadow: <length> <length> <length> <length> || <color>     <length><length><leng ...
css3box-shadow 
zhangyaochun 评论(0) 有1583人浏览 2012-02-28 15:54

css3之text-shadow

CSS3之 text-shadow              ----设置文字是否有阴影及模糊效果。可以设定多组的效果，用逗号分隔。     1、语法：        text-shadow: none  | <length> none | [<shadow>,]*<shadow>或none |<color>[,color]*   ...
css3text-shadow 
zhangyaochun 评论(0) 有1296人浏览 2012-02-27 15:49

使用jQuery和CSS3实现的超炫3D画廊特效

日期：2012/02/23  来源:GBin1.com 在线演示   本地下载 今天我们分享一款使用jQuery和CSS3实现的3D环廊展示特效，这个3D特效使用CSS3的3D变化特性实现，简单而非常华丽，希望大家喜欢！ 使用3D变化，通过将它们放置于一个三维空间，我们可以让很简单元素变得更加有活力，同时使用CSS的过渡效果，这些元素可以很容易的移动到3D空间中，并且创建一个非 ...
JavaScriptcss3jquery 
jjfat 评论(0) 有735人浏览 2012-02-24 11:31

css3之transform-origin

CSS3之 transform-origin       -----------------变形原点，该元素围绕着哪个点变形或者旋转，配合着transform属性一起用。      1、语法：     transform-origin： x-axis y-axis z-axis;     2、取值：     默认值为 50% 50% 0       3、兼容性：   ...
css3transform-origin 
zhangyaochun 评论(0) 有2116人浏览 2012-02-20 15:47

共享两个最近手机项目的HTML5的widget，星星评级以及标签选项卡，样式美观，iphone/android可用

1.   星星评级(http://kitjs.co.cc/demo/StarLevel/demo.html) 支持Webkit核心，使用方法如下 浏览器上，用鼠标在星星上按下，左右移动，选择星星级别，释放左键，选择成功，给出提示 手机上，手指按下，左右移动，选择星星级别，手指移开，选择成功，给出提示   2.   标签选项卡(
HTML5JavaScriptCSS3 
xueduanyang 评论(1) 有591人浏览 2012-02-18 15:17

实例学习 CSS3-1

（图片上传太麻烦，可以直接下载pdf查看全文） 1       文本阴影效果text-shadow CSS2就已经有提出了，只是当时很多浏览器都不支持 当前支持：Safari 5、FF 3.6+、Opera 11、Chrome 8、IE 9   语法：          text-shadow: x y blur color;          如 text-shadow:2px ...
css3 
alex.Lin 评论(0) 有1512人浏览 2012-02-16 10:19

css之selection---让“选择”更色彩

一直以来很少人关注也门文字的选中文字的控制，但是不乏在一些细心的网站会加一些这样的设置。   CSS3新增的伪::selection，可以帮助我们来改变选择文本的颜色和背景。     ::selection{color:#333;background-color:#cca2da;} ::-moz-selection{color:#333;background-color:#cca2da ...
selectioncss3 
zhangyaochun 评论(0) 有1729人浏览 2012-02-13 10:38

css3之border-color

CSS3之border-color       -----设置对象边框的颜色。   如果你设置了border的宽度为X px,那么这个border上使用X中颜色，每一种颜色显示1px的宽度。 如果你定义的border的宽度为5px，但是你声明了4中颜色，那么最后一个颜色被添加到剩下的宽度中。       1、语法：      border-color:<colo ...
css3border-color 
zhangyaochun 评论(0) 有1775人浏览 2012-02-12 17:46

服务器与浏览器端技术回顾-2

  当各种浏览器富客户端技术的大战正如火如荼的时候，最新标准的HTML5，CSS3登场了，它不需要任何插件。只是用html+css+javascript就可编写出漂亮的，动感的，富客户端界面。完全把其它几种插件技术打的溃不成军。 它的唯一不足之处是需要浏览器本身支持html5和css3,如果大家都使用电脑上网也就罢了，用惯了IE6的网民们，没必要非得换浏览器，但是网民现在都投向了移动互联网的怀抱 ...
NodeJsHTML5CSS3高并发大流量 
040814119 评论(0) 有1373人浏览 2012-02-10 11:32

最近博客热门TAG

Java(141747) C(73651) C++(68608) SQL(64571) C#(59609) XML(59133) HTML(59043) JavaScript(54918) .net(54785) Web(54513) 工作(54116) Linux(50906) Oracle(49876) 应用服务器(43288) Spring(40812) 编程(39454) Windows(39381) JSP(37542) MySQL(37268) 数据结构(36423)

博客人气排行榜

    博客电子书下载排行

      >>浏览更多下载

      相关资讯

      相关讨论

      Global site tag (gtag.js) - Google Analytics