技术头条 - 一个快速在微博传播文章的方式     搜索本站
您现在的位置首页 --> 查看专题: CSS3
    长期以来,CSS 一直缺乏合适的布局机制。 变形,动画,滤镜,对这门伟大的语言来说都很有用的补充的,但是都没有解决 Web 开发人员一直抱怨的的主要的看起来似乎是永恒的问题。 终于,感谢Flexbox ,我们有了一个解决方案。
    css3已经“出来”挺久了,由最初的新奇,尝试,到现在慢慢的被习以为常的应用,特别是移动端需求的暴增,对css3更好的支持,吸引更多的人走了进来,但是,对于刚开始接触它的人来说,或许会有很多的混沌之处,毕竟它是个大宝藏,而多数人因应用的局限,了解的面也相对局限。本文就试图给出一个稍大范围的概括性展现。当然,也只是一部分。 一谈起css3,多数人可能首先想到的是各种炫酷的效果。的确,css3的出现的确是使得css的世界有了焕然一新,被解放了的感觉。以前需要用图片的,需要多个标签进行堆叠的,需要用js的,需要用flash的等等,甚至是几乎想不到办法去做的东西,css3都给了我们相应的补偿。 但是,今天我不去从那些方面开始谈,我会按照某种分类把css3来个整体浏览。目的是让对css3不太了解的人能有个大概的了解,我自己也算是复习一下。另外,此文不会列出一堆代码给你看。
    作为Web社区,我们已经在CSS3方面取得了很大的进步。当我们开始使用background-clip和过渡动画(transition/animation)等可视化效果时,text-shadow和border-radius已经司空见惯了。我们似乎花了大量的时间争论何时或如何引入这些属性。一个特性不兼容所有浏览器或暂时未完全文档化,并不意味着我们不应该使用它。对此,我持相反态度。
    网页设计是变化非常快的行业。在过去一两年,CSS3潜在地将网页设计带入了一个新的级别。这不仅仅是因为这个最新版本的CSS有很多新的功能特性,更重要的是因为CSS3使得原来需要更多工作,更多技术以及更多软件才能做到的事情变得更加简单。例如,基本的动画和动态图片功能(如颜色渐变)原来只能通过JavaScript和Flash来实现,并且图片需要像Photoshop等的来编辑。现在不再需要了。 CSS3有许多需要学习的东西,如果你希望让自己追上...
    用css3写个logo
    CSS3是样式表(style sheet)语言的最新版本,它的一大优点就是支持圆角。网页设计大师Nicholas Zakas的最新文章,详细解释了CSS3圆角的各个方面,非常值得学习。
    若干星期前,承玉 心痒痒的推荐了一篇文章:Using CSS3 Transitions, Transforms and Animation. 我也心痒痒,但没啥时间。于是撮合 龚浩 一起折腾 S.Anim. 若干天的努力,终于有了成果,小结下。 原理 所谓动画,就是在一段时间内,连续改变 DOM 元素的属性。 因此用 JavaScript 实现动画,最传统的方法就是采用定时器,在一段时间内(duration 时长),遵循特定规律(easing 平滑函数),改变 DOM 元素的属性(props, 最常见的是...
    我们来简单了解一下上文中提到的css appearance。在之前研究HTML5表单的时候,一直很好奇浏览器是通过什么渲染不同的表单界面的,后来在Chrome中查看类型为range的input的时候,发现了这个有趣的...
    iPhone 4 的「视网膜显示屏」将像素密度提升一倍,文字的锐度得以大大改善。但图像何如?为了保持现有网站的外观,图像将自动放大一倍。这便产生了「设备像素」和「 CSS 像素间」的分裂。
    随着CSS3越来越热,CSS3动画也逐渐受到大家的关注。这次有幸修改淘宝网全站页头,小小地应用了下(详见http://www.taobao.com/下拉箭头处的hover效果)。与其说是渐进增强,不如说是满足了技术人小小的虚荣心。以下是自己的一点理解,希望能对大家有所帮助。 … 关于CSS3动画从(http://www.w3.org/Style/CSS/current-work)可以看出,CSS动画涉及的知识点包括 CSS 2D Transformations, CSS 3D Transformations, CSS Transition...
    为了显示一个渐变而专门制作一个图片的做法是不灵活的,而且很快会成为一种不好的做法。但是遗憾的是,截至写这篇文章,可能还必须这样做,但是希望不会持续太久。多亏Firefox 和Safari/Ch...
    通常来说,CSS非常简单。但是当浏览器厂商开始实现CSS3特性,问题开始变得有些复杂了。不难,只是有些复杂。这可能包括两个方面:首先有些心得CSS3属性(比如,transition、渐变、transform等)不...
    随着浏览器的升级,CSS3已经可以投入实际应用了。但是,不同的浏览器有不同的CSS3实现,兼容性是一个大问题。上周的YDN介绍了CSS3 Please网站,该网站总结了一些常用功能的写法。以下就是这些写法的详细介绍。所有代码都经过了Firefox 3.6和IE 8.0的验证,原文的错误之处也已得到改正。一、圆角(Rounded Corner).box_round {  -moz-border-radius: 30px; /* FF1+ */  -webkit-border-radius: 30px; /* Saf3+, Chrome */  b...
    分享人:空雁互联网的发展总是在不断地催生新技术的产生,而HTML5和CSS3是最近一直被讨论的热门话题,对于每个互联网开发者尤其是前端开发者而言,都充满了好奇与渴望。那么HTML5和CSS3究竟有哪些让我们眼前一亮的东西呢?我在WebRebuild北京交流会和珍珠奶茶帮上给大家分享了《揭秘 HTML5和CSS3》,PPT在这里: http://docs.google.com/present/view?id=dhpdbrp_51hf88z8g8 HTML5 HTML 5草案的前身名为Web Applications 1.0,于2...
    “CSS 3 不是新事物,更不是只是围绕border-radius属性实现的圆角。它正耐心的坐在那里,已经准备好了首次登场,呷着咖啡,等着浏览器来铺上红地毯。你看,浏览器需要跟上了……”
[ 共15篇文章 ][ 第1页/共1页 ][ 1 ]
© 2009 - 2024 by blogread.cn 微博:@IT技术博客大学习

京ICP备15002552号-1