首页> 关键字 >css3
  • CSS3经典教程系列:CSS3 阴影(text-shadow)text-shadow : none | <length> none | [<shadow>, ] * <shadow> 或none | <color> [, <color> ]*也就是:text-shadow:[颜色(Color) x轴(X Offset) y轴(Y Offset) 模糊半径(Blur)],[颜色(color) x轴(X Offset) y轴(Y Offset) 模糊半径(Blur)]...或..【阅读全文】
  • CSS3制作旋转的大风车样式代码.windmill{ padding:10px; width:400px; height:400px; position:relative;animation-name:moveWindmill;animation-duration:4s;animation-timing-function:linearanimation-delay:0;animation-iteration-count:infinite;animation-play-state:running;/* 动画: */-moz-animation-..【阅读全文】
  • CSS3 入门教程系列:CSS3 圆角(border-radius)您可能感兴趣的相关文章Web 开发人员和设计师必读文章推荐20个非常绚丽的 CSS3 特性应用演示35个让人惊讶的 CSS3 动画效果演示推荐12个漂亮的 CSS3 按钮实现方案24款非常实用的 CSS3 工具终极收藏 现在有了 CSS3 的 border-radius 特性之后,实现边框圆角效果就非常简单了,而且..【阅读全文】
  • CSS3入门教程系列:CSS3 RGBA 颜色用法详解RGBA 是代表Red(红色) Green(绿色) Blue(蓝色)和 Alpha(不透明度)的色彩空间。虽然它有的时候被描述为一个颜色空间,但是它其实仅仅是 RGB 模型附加了额外的信息从而形成了我们今天需要讨论的 RGBA。如果需要更详细的解说,大家就跟着我一起往下看吧。基本语法: R:红色..【阅读全文】
  • CSS3背景色渐变(各浏览器兼容)背景颜色渐变(适合各浏览器)#idname{ filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#E5F5FF,endcolorstr=#ffffff,gradientType=0); -ms-filter:alpha(opa..【阅读全文】
  • CSS3 滤镜:webkit-filter 的用法大家可能对 Instagram 这款 iPhone APP 上的滤镜效果很感兴趣,其实 CSS3 开始也有滤镜(不是 IE 的那种滤镜),这些滤镜效果最初是用于 SVG 的,W3C 将其引入到 CSS3 中,然后制定了 CSS Filter Effects 1.0 的规范,Webkit 率先支持了它。-webkit-filter 的用法-webkit-filter ..【阅读全文】
  • CSS3展现精彩的动画效果:css3的动画属性网页制作文章简介:因为CSS3,动画将一切皆有可能。 热火朝天的css3无疑吸引了很多前端开发者的眼球,然而在css3中的动画属性则是新功能中的主打招牌,说到css3的动画属性不得不让人想起这三个属性:Transform﹑Transition﹑Animation。 transform属性虽然看起来可以实现动画的效..【阅读全文】
  • CSS3下的菜单效果 <nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">Language</a> <ul> <li><a href="#">Java</a></li> <li><a href="http:/..【阅读全文】
  • CSS赏析:令人的惊叹的CSS3折叠效果折纸效果是最近触摸屏幕最流行的一个3D效果,工作原理很简单,只需要轻轻触摸屏幕,它就会直接影响到即将显示出来的内容。这种独特的显示方式绝对可以让用户们眼前一亮!在我们的GBin1网站上,曾经共享过几篇关于折叠效果的设计文章,有兴趣的朋友可以阅读一下。今天我们带来了更..【阅读全文】
  • CSS3教程收集分享:具有动画过渡效果的CSS教程网页制作文章简介:CSS3教程收集分享:具有动画过渡效果的CSS教程. 今天我们分享出了18个优秀的具有动画过渡效果的CSS3详细教程。CSS3让一切变得更加容易和高效,它改变了很多旧的WEB开发技术,在目前网络高速发展的当下,更好的为网页设计师来做后期的维护提供的便利。随着这一过..【阅读全文】
  • 超酷的CSS3列表动画特效在线生成工具 - liffect在线调试还记得我们曾经介绍过的开源CSS3动画CSS文件animate.css吗?使用它能够帮助你快速的编码CSS3动画效果。当然,如果你不喜欢自己编写CSS3动画效果代码的话,今天我们将介绍的另外一个在线代码生成工具liffect肯定会成为你的最爱。liffect是一个在线的列表动画生成工具,能够..【阅读全文】
  • CSS3教程:Transform的perspective属性设置style="-webkit-transform: rotateY(40deg) perspective(400px);"> 如果大家不清楚,请听我娓娓道来。CCS3中的Transform是设置界面样式和动画的一大利器。而且在Chrome和FF中还支持3D变换。IE9不支持,IE10支持。只要是3D场景都会涉及视角问题和透视的问题。在Tra..【阅读全文】
  • 响应式布局该怎么设计?CSS3 Media Query实现响应布局网页制作文章简介:响应式布局的小事就这么多,如你有好的补充意见或不同的见解,可以联系我,我们一起探讨这件小事…… 讲到响应式布局, 相信大家都有一定的了解,响应式布局是今年很流行的一个设计理念,随着移动互联网的盛行,为解决如今各式各样的浏览器分辨率以及不同移动..【阅读全文】
  • CSS3属性border-radius不仅仅是圆角的实现网页制作文章简介:border-radius不仅仅是圆角。 border-radius,国内翻译成圆角,你可能以为这个属性就是用来画圆角,没错,但是除此之外,它还可以做点别的事情。radius其实指的是边框所在圆的半径,这个CSS3属性不仅能够创建圆角,还可以创建椭圆角(如图下图第7),把这些角..【阅读全文】
  • html5+css3网页制作实例:制作comingsoon页面网页制作文章简介:这个页面用到了html5的标签元素和css3的线性渐变、圆角、阴影效果,以及当前流行的parallax视差特效和一些其他结合jquery的动画,在chrome,Safari,opera,firefox下都可以完美显示,如果你还使用IE浏览器,我想效果支持的并不是那么完美,不过尽管这样,我还是对..【阅读全文】
  • CSS3实例资源收集:11个CSS3开发实用工具网页制作文章简介:11 个让你更好进行CSS3开发的实用工具/资源。 层叠样式表是用来描述表达语义或者是一种标记语言编写的文档中的外观和格式的一种样式语言,这种标记语言也可以是HTML,也可以在XML文档中使用。CSS3被分成几个独立的文件成为模块,每个模块还具有不同的扩展功能..【阅读全文】
  • CSS3实例教程代码:简单制作遨游浏览器LOGO网页制作文章简介:CSS3实例教程代码:简单制作遨游浏览器LOGO。 <!DOCTYPE HTML> <html> <head> <title>LOGO</title> <style type="text/css"> * {margin:0; padding:0} .main {width:800px; margin:50px auto 0} .main_wrapper {..【阅读全文】
  • css3制作网页实例:点击切换不同的CSS列表网页制作文章简介:css3制作网页实例:点击切换不同的CSS列表. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/upload/201209/2012914195324zs7.jpg) repeat;height:100%;width:100%;}.content {margin:0 auto;width:1000px;text-align:cen..【阅读全文】
  • CSS3教程:使用@font-family网页制作文章简介:我们经常能看到国外的一些个人网站使用了非常漂亮的字体,而这些字体通常在用户的电脑中是没有安装的,所以用font-family属性就无法实现了,今天我们就介绍使用@font-face实现个性化字体。 在网页中,我们可以用CSS的font-family属性来定义字体,然而定义的字..【阅读全文】
  • 2012年浏览器领域竞争:对CSS3和HTML5的支持网页制作文章简介:对 HTML5和CSS3支持最好的是 Chrome 和 Safari ,Firefox 和 Opera 次之,IE9 开始拥抱标准。总的来说,各大浏览器对 HTML5 和 CSS3 的支持正在不断完善,各大企业和开发者也在尝试在项目中使用HTML5和 CSS3,特别是在移动互联网领域,相信会有越来越多使用 HTM..【阅读全文】
共 143 条记录┊当前页次:1/8┊20条/页
首页上一页12345下一页尾页