首页> 关键字 >CSS3
  • 新浪微博产品设计细节:CSS3效果的运用网页制作Webjx文章简介:css3受累于国内浏览器占比的现状,无法大面积使用。但我想,作为行业内的一分子,从细节入手,逐步提高自己网站在高版本浏览器下的细节品质,多少也会影响到高版本浏览器的推进。如果您因为看了这遍文章,而去升级了自己的浏览器,开始尝试使用firefox和ch..【阅读全文】
  • CSS3实现跨浏览器的圆角支持IE9,Safari,chrome网页制作Webjx文章简介:现在CSS3已经可以轻松实现跨浏览器的圆角效果,包括Firefox高版本,IE9,Safari,Chrome等高端浏览器。 W-教程博主就比较喜欢圆角的盒子模型,现在CSS3已经可以轻松实现跨浏览器的圆角效果,包括Firefox高版本,IE9,Safari,Chrome等高端浏览器。我们这..【阅读全文】
  • CSS3+HTML5实例:HTML5和CSS3制作登录表单网页制作Webjx文章简介:HTML5提供了一些新的元素可以让我们不用JS轻松实现实用的web表单,CSS3提供了很多新的特性,这些特性允许实现新的设计效果(比如动画、渐变等). HTML5提供了一些新的元素可以让我们不用JS轻松实现实用的web表单,CSS3提供了很多新的特性,这些特性允许..【阅读全文】
  • CSS3实例教程:text-shadow网页制作Webjx文章简介:文字阴影在很多设计中都有应用,在过去我们只能通过图片来实现在Web上显示文字阴影,但是这样做对不太利于SEO,所以在CSS3中,text-shadow又恢复了其属性(text-shadow属性是CSS3中定义的,在CSS2.1中删除了)。 文字阴影在很多设计中都有应用,在过去..【阅读全文】
  • HTML5/CSS3的开发框架:实用HTML5和CSS3框架网页制作Webjx文章简介:所有的开发人员都应该注意了,你们绝对应该看看这篇文章,帮助你快速创建HTML5/CSS3的开发框架。可能你也看到过其它的框架,但是你应该看看这些框架,因为你以前可能没用过他们中的大部分。看看最新的实用HTML5和CSS3框架吧! 所有的开发人员都应该注意了..【阅读全文】
  • CSS3实例教程:用CSS代码绘制新浪LOGO网页制作Webjx文章简介:用CSS3绘制小新. 新浪有两个吉祥物,小新是女孩儿,小浪是男孩儿。现在流行用CSS3画点什么,我们SINA CDC的模特儿,必然是小新和小浪了。熬一晚上做了个小新头,不完善,还有更像的空间。窍门就是琢磨出用各种圆形,相互迭加而制作出一个物体。先看看最终..【阅读全文】
  • CSS3按钮选择器:设计网页链接平滑的按钮 button { -moz-border-radius: 25px; -moz-box-shadow: #6E7849 0px 0px 10px; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-border-radius: 25px; -webkit-box-shadow: #6E7849 0 0 10px; -webkit-transiti..【阅读全文】
  • CSS3技巧实例:实现网页中的圆角效果 CSS3 新功能中最常用的一项是圆角效果,标准 HTML 方块对象是90度方角的,CSS3 可以帮你实现圆角。 -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; 甚至单个角也可以实现圆角,不过 Mozilla 和 Webkit 的语法稍有不同。 -moz-border-radius..【阅读全文】
  • css3 UI规范新增的功能:user user-select:value; 值: auto——默认值,用户可以选中元素中的内容 none——用户不能选择元素中的任何内容 text——用户可以选择元素中的文本 element——文本可选,但仅限元素的边界内(只有IE和FF支持) all——在编..【阅读全文】
  • CSS实例:老外收集的CSS3动画效果网页制作Webjx文章简介:animate.css 一些常用的CSS3动画效果. 大家已经开始在项目中使用一些CSS3动画效果了吧,这让网站在高端浏览器上看起来很上流。animate.css是一个老外做的各种CSS3动画的合集,比较全,也很炫,大家可以参考学习一下。 项目主页:http://daneden.me/animat..【阅读全文】
  • HTML5和CSS3 Media Queries响应式Web设计方案网页制作Webjx文章简介:通过CSS3 Media Query实现响应式Web设计. 十一长假已然过去了一大半。今天倒真是晴朗的不行,向窗外望去几乎可以看到阳光穿过凉爽的空气一缕缕洒落下来的样子。自从不再是学生,对每年的几次长假就无比珍惜,想方设法让每一天都尽量过的饱满一些;夜里闭..【阅读全文】
  • HTML5和CSS3的兼容性:新的交互特性介绍网页制作Webjx文章简介:HTML 5 & CSS 3的新交互特性. 本文标题的这副图片,是用Phosotshop制作的。但是,在搜索引擎中你却无法搜索到它,搜索引擎还没有强大到能够识别图片里面的文字。并且由于图片的体积不算太小,可能网速慢的网友在浏览的时候不得不耐心的等待图片的刷新。那..【阅读全文】
  • CSS实例教程:使用CSS3实现实现文字渐变方法网页制作Webjx文章简介:我们有发表过CSS文字渐变效果,但是其实那并不是纯粹的基于CSS的渐变,它需要一张半透明渐变的png图片。今天我们将介绍两种使用CSS3实现实现文字的方法。 之前,我们有发表过CSS文字渐变效果,但是其实那并不是纯粹的基于CSS的渐变,它需要一张半透明渐变..【阅读全文】
  • CSS的未来:鲜为人知的CSS 2.1和CSS3属性原文:CSS的未来:一些试验性CSS属性译自:The Future Of CSS: Experimental CSS Properties请尊重版权,转载请注明来源,多谢!尽管现代浏览器已经支持了众多的CSS3属性,但是大部分设计师和开发人员貌似依然在关注于一些很“主流”的属性,如border-radius、box-shado..【阅读全文】
  • CSS3让网页更富于表现和支持更复杂布局译自:CSS3 regions: Rich page layout with HTML and CSS3中文:CSS3 Region:基于HTML和CSS3的富页面布局请尊重版权,转载请注明来源,多谢! 互联网已经成为一个提供参考、教材、新闻、文章和交互应用的大宝库了。然而,当为印刷设计内容时,一些功能显然仍然不可能或者很难使..【阅读全文】
  • CSS3网页制作实例:实现网页文字渐变内发光投影网页制作Webjx文章简介:纯CSS3文字 渐变内发光投影效果. 前阵子做了个css3文字效果,涉及css3投影,渐变,蒙版,伪类等知识点,现在写下设计思路,仅供参考。发个效果图大家看先:投影shadowbox-shadow一般我们都是用css3的box-shadow来实现盒投影,用text-shadow来实现文字投影..【阅读全文】
  • CSS复合选择器:css3让我们选择元素变得越来越简单网页制作Webjx文章简介:使用css的类名交集复合选择器. 首先先看一下基本定义:复合选择器就是两个或多个基本选择器,通过不同方式连接而成的选择器,主要包括“交集”选择器、“并集”选择器、“后代”选择器。交集选择器“交集”复合..【阅读全文】
  • CSS3设计动态立体盒子:CSS3透明水晶盒网页制作Webjx文章简介:纯CSS3透明水晶盒。 相信大家有看过这个例子:3D盒子,在书《CSS3 实战》上第282页有个综合实战“设计动态立体盒子”的例子,实现方式跟它一样,我的盒子也是以它为原型来设计的,不过在实现方面有做修改、优化,以及增添了一些细节,下面是我..【阅读全文】
  • CSS3教程:pointer网页制作Webjx文章简介:CSS3 pointer-events介绍. 其实早知道这个属性,但是一直没有去研究过。今天正好在twitter看到这个词,就去研究了下,正好解决了目前遇到的一个小难题,所以分享下。嗯,其实这是个比较简单的CSS3属性。在某个项目中,很多元素需要定位在一个地图层上面,..【阅读全文】
  • IE10对CSS3新特性的支持和HTML5新特性的支持网页制作Webjx文章简介:IE10将增强对HTML5和CSS3的支持. Windows 8 终于发布了,虽然现在可用的只是开发者预览版,好消息是,IE 10 也随着发了,虽然现在还只有Windows 8可用。我们来看下IE10都有哪些新特性吧。IE开发者中心给到了一份详细的针对前端开发者的文档,列出了IE10支..【阅读全文】
共 143 条记录┊当前页次:4/8┊20条/页