html5中文学习网

您的位置: 首页 > CSS3技术
  • 2016-04-21 21:02:31 CSS3阴影 box-shadow的使用演示
  • text-shadow是给文本添加阴影效果,box-shadow是给元素块添加周边阴影效果。随着html5和CSS3的普及,这一特殊效果使用越来越普遍。基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor}对
  • 2013-08-20 11:11:40 使用 CSS3 过渡: 完全指南
  • 要求
    必备知识
    基本 HTML 和 CSS 技能。



    其他必要产品
    对于本教程,您需要使用文本编辑器和 Web 浏览器。

    用户级别
    全部

  • 2013-07-13 23:38:06 CSS3前端开发中需要用到的变换矩阵
  • 想写写关于矩阵变换的博文已经想了很久了,今天看到 winter 写的一篇博客CSS3:transform与transition背后的数学原理,于是就促成了本文。注意,下面的演示内容需要现代浏览器支持。比如Chrome/Firefox/Opera。
  • 2013-07-13 23:37:38 CSS通用元素选择器的都市流言
  • 本文尚未有测试数据支持,以下结论仅是根据现有情况的一种解释。关于 * 这个选择器,一直有个疑惑,到底是否影响效率。在先前的观念中,这由于要匹配所有的元素,让每一个元素都带上这个属性,所以会影响页面的效率
  • 2013-07-13 23:36:42 真的还需要reset.css么?
  • 我博客浏览量靠前的一直是《打造自己的reset.css》,然而,我对此的观点也已经有所改变,
    所以,我觉得是时候写一篇博客阐述一下目前我的理解了。
    注意,这是篇激进的博文,其观点并不客观中立,仅仅表示出我目前的想
  • 2013-07-13 23:36:06 显示一些如title/meta之类的特殊元素
  • title代表的是页面的标题,很多时候跟h1的内容是一样的。我在写页面的时候感觉总是重复一次很麻烦,
    于是就索性把h1给删了,把title给显示出来参与页面布局,
    这样整个页面就有趣多了
    代码很简单head,title{dis
  • 2013-07-13 23:35:21 基于CSS3的下一代Web应用开发,第2部分:实现和应用
  • 本文《基于 CSS3 的下一代 Web 应用开发》系列文章的第 2 部分,第 1 部分我们将介绍了 CSS 的发展历史,个版本的功能特点差异和 CSS3 引入的新特性。第 2 部分,我们针对这些 CSS3 新特性介绍其在不同浏览器
  • 2013-07-13 23:35:09 纯CSS3制作的Windows7开始菜单
  • 我对使用少量CSS3代码来实现很多效果这一过程非常的着迷,很多UI元素都需要用图片来展示其漂亮的外观,但是你可能不知道,单纯的CSS3代码也是可以实现的。下面我就用纯CSS3来制作Windows 7开始菜单(额外需要几
  • 2013-07-13 23:34:54 CssGaga – AutoSprite
  • 市面上有一些CSS Sprite Generator,要么是需要手动调整图片位置,要么需要保存图片并拷贝粘贴css代码,用起来很是麻烦,想必这也是没有大规模使用起来的原因吧。CssGaga使用了不同的思路,简化了所有这些操作,使
  • 2013-04-22 13:15:41 CSS3布局模式:伸缩布局盒(Flexbox)
  • 作者长期以来使用表格、浮动、行内块元素和其他 CSS 属性来布局网站内容。然而,这些并不是为复杂的页面和网页应用而设计的。不管是简单的垂直居中,还是灵活的网格布局都很难靠一己之力轻易实现,因此成就了 CSS 网格框架。但是,如果真的需要那么多项目来实现做这些事
  • 2013-04-21 23:07:53 CSS3 background-size图片自适应
  • background-size属性和background-origin属性、background-clip属性一 样,也是CSS3对于background新增加的属性。它的作用是指定背景图片的大小,比如:对于一个div块,我们需要为它添加一张图片作为背景,然 而图片大小并非总
  • 2013-03-15 15:22:22 CSS3的文字阴影—text-shadow
  • text-shadow曾经在css2中就出现过,但在css2.1版本中又被抛弃了,现在css3.0版本又重新捡回来了。这说明text-shadow这个属性非常值得我们做前端的人员重视。现在很多项目中,css3有很多属性被前端工程师们使用了,我在前面也分别介绍过css3中的渐变,透明度,圆角三个属性的使用,而且css3这么多属性中,我个人觉得text-shadow运用得是最多的一个属性,作为我们前端人员我觉得有必要学习并掌握这个text-shadow属性。
  • 2013-03-07 22:38:57 轻松实现CSS3中渐变效果
  • 今天从网上新收集了一个轻松实现CSS3中渐变效果,希望可以帮到那些初学者来学习,CSS3技术。如果觉得不错可以分享给大家。

  • 2013-02-24 21:20:41 精选 5 个漂亮的 CSS3 图片滑过特效
  • 这篇文章将为大家分享5款漂亮的CSS3图片滑过特效,比如滑过后显示图片的详细文字介绍,又比如滑过后对图片进行淡入淡出的效果等等。让我们一起来看看,喜欢的朋友赶紧收藏。
  • 2013-02-21 21:28:27 分享css3.0的新属性的参考列表
  • 文中的图表让我们对于每一个浏览器对css3.0新属性的支持情况一目了然,通过升级firfox、Chrome、Safari、Opera浏览器的版本是可以做到支持css3.0属性的,但ie浏览器的升级版本还是无法很好的支持css3.0的新属性!

  • 2013-02-16 23:01:51 CSS3 box-shadow内阴影
  • 浏览器参照基准:Firefox4 and Later, Chrome5 and Later, Safari5 and Later, Opera10.53 and Later, IE9.0 and Later
  • 2013-02-16 22:57:03 CSS3中的Transition属性讲解
  • W3C标准中对CSS3的transition这是样描述的:CSS的transition允许CSS的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发,并圆滑地以动画效果改变CSS的属性值...
  • 2013-02-16 22:51:13 兼容所有浏览器的CSS3圆角..
  • 解决CSS3圆角兼容所有浏览器的方法,如何在IE浏览器中使用CSS3的border-radius属性实现圆角HTML元素的问题。你或许知道CSS3的border-radius 属性被Safari、Firefox和Chrome等浏览器原生支持,但是由于某些原因IE并不支持它。
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助