CSS3 - 随笔分类 - SoWeb

摘要：jQuery CSS3形象悬停效果可能是一个优秀的网站项目中添加的效果。这个特殊的收集是大约50个jQuery CSS3形象徘徊影响最近出版的。这些图像悬停效果可以作为一个有效的和创造性的方式添加专业和优雅的设计和效果你最新CSS3的工具。阅读全文

posted @ 2014-10-30 15:34 SoWeb 阅读(571) 评论(0) 推荐(0) 编辑

摘要：差滚动（Parallax Scrolling）已经被广泛应用于网页设计中，这种技术能够让原本平面的网页界面产生动感的立体效果。下面分享的这个图片滑块效果是难得一见的结合视差滚动的例子，之前的文章给大家分享过，这里再推荐一下。美女很养眼吧 :) 阅读全文

posted @ 2014-08-20 13:21 SoWeb 阅读(445) 评论(0) 推荐(1) 编辑

摘要：在下面的示例中罗列了一组动画，可以被应用到页面切换过程中，创造出很有趣的导航效果。虽然有些效果都非常简单，只是简单的滑动动作，但另外的一些则是利用了视角（Perspective）和 3D 转换（3D Transforms）来创造一些立体动感的效果。阅读全文

posted @ 2014-07-05 14:56 SoWeb 阅读(947) 评论(3) 推荐(0) 编辑

摘要：Andrea Giammarchi的restyle.js是一个新的，基于JavaScript的CSS预处理器，能够运行在服务端（通过Node.js）或者浏览器中。它宣称自己是“一种简化的CSS方法”，能够生成CSS规则和属性的所有前缀变化，如果合适的话，自动插入到DOM中。阅读全文

posted @ 2014-05-28 09:28 SoWeb 阅读(509) 评论(0) 推荐(0) 编辑

摘要：选择器(selector)是CSS中很重要的概念,所有HTML语言中的标记都是通过不同的CSS选择器进行控制的。用户只需要通过选择器对不同的HTML标签进行控制,并赋予各种样式声明,即可实现各种效果。阅读全文

posted @ 2014-03-24 08:53 SoWeb 阅读(664) 评论(0) 推荐(1) 编辑

摘要：写了这么久的CSS，但大部分前端er都没有按照良好的CSS书写规范来写CSS代码，这样会影响代码的阅读体验，这里总结一个CSS书写规范、CSS书写顺序供大家参考，这些是参考了国外一些文章以及我的个人经验总结出来，我想对写CSS的前端用户来说是值得学习的。阅读全文

posted @ 2014-03-19 17:28 SoWeb 阅读(1008) 评论(8) 推荐(3) 编辑

摘要：当人们刚接触布局的时候都比较倾向于使用定位的方式。因为定位的概念看起来好像比较容易掌握。表面上你确切地指定了一个块元素所处的位置那么它就会坐落于那里。可是定位比你刚看到的时候要稍微复杂一点。对于定位来说，有一些东西会绊倒新手，所以在它成为你的惯用技巧前你需要掌握它们。阅读全文

posted @ 2014-03-14 10:35 SoWeb 阅读(861) 评论(0) 推荐(4) 编辑

摘要：有许多方法可以实现页面里图像的响应式显示（Responsive）。然而，我碰到的所有方案都使用了 JavaScript。这使我疑惑不用 JavaScript 实现图像响应是否可行。我提出了下面纯CSS的方案。阅读全文

posted @ 2014-03-10 19:30 SoWeb 阅读(1368) 评论(2) 推荐(0) 编辑

摘要：CSS 的主要目的是给 HTM L元素添加样式，然而，在一些案例中给文档添加额外的元素是多余的或是不可能的。事实上 CSS 中有一个特性允许我们添加额外元素而不扰乱文档本身，这就是“伪元素”。其中最常用的是 :before 和 :after 两个。阅读全文

posted @ 2014-03-06 15:33 SoWeb 阅读(1079) 评论(0) 推荐(2) 编辑

摘要：加载动画和进度条使网站更具吸引力。该进度条也会显示有价值的信息给用户，因为他们会通知用户，有一些还在进行，并要求用户耐心等待。下面是30款基于 jQuery & CSS3 的加载动画和进度条插件。阅读全文

posted @ 2014-03-04 16:45 SoWeb 阅读(707) 评论(0) 推荐(0) 编辑

摘要：本文将教你一个很有用的技巧——如何使用 CSS 做到完全的垂直居中。我们都知道 margin:0 auto; 的样式能让元素水平居中，而 margin: auto; 却不能做到垂直居中……直到现在。但是，请注意！想让元素绝对居中，只需要声明元素高度，并且附加以下样式，就可以做到：阅读全文

posted @ 2014-03-03 14:22 SoWeb 阅读(1040) 评论(7) 推荐(3) 编辑

摘要：CSS3 是对 CSS 规范的一个很大的改善和增强，它使得 Web 开发人员可以很容易的在网站中加入时尚的效果。尽管如此，有几个工具可以在你使用 CSS3 制作网站的时候起到很好的帮助作用。在这篇文章中，收集了10款非常有用的工具推荐给大家。阅读全文

posted @ 2011-05-22 15:41 SoWeb 阅读(215) 评论(0) 推荐(0) 编辑

随笔分类 - CSS3