完美时光™
—— 从平凡的生活中寻找幸福和快乐的味道

你希望鼠当标经过时，在你的网站上有个很酷的特嘛？不用再找了，我已经找到了几个这样的客户案例，你看到的时候一定会感到非常喜欢。 如果你喜欢这些效果，css样式效果我已经整理好了，可以直接copy！ 鼠标经过特效会让你的网站看起来更加的生动活泼，在以前这些效果都是要javascript在后台来支持的，但是今天只要你了解足够的知识就可以用css3创造出神奇的效果。这些特效代码只有部分浏览器支持，例如：Firefox、webkit核心的浏览器，因为IE版本的不同，所以对效果的表现也有所差异。尽管如此，在有些老版本的浏览器上...

HTML5现在应该是很火的一个词了，与之相媲美的还有CSS3，但国内大多网站在这上面大做手角的还真不多，我知道的有几个，淘宝网算是其中之一吧。国外在这方面就做的很多了。而且也有很多这样的教程网站，这儿我从网上搜集了些来给大家分享下，应该算是比较新的了吧。也期待着HTML5+CSS3兴起的那天。 其实之前我的站还真是发过很多资源素材类的文章，但最近还真的是没发过。那这儿就补上一篇吧，之前的那些可能也都没了。后面我会定期给大家分享些好的素材和教程。顺便介绍下我的素材分站：http://www.wmtimes.cn/blog/ 下...

前面我已经介绍过了30个应该记住的CSS选择器，那么新的CSS3又有哪些属性呢？虽然大多数浏览器都要针对特定的前缀，但你仍然可以在项目中使用它，事实上我也鼓励大家这么做。 关键是首先确定你是否对各个浏览器之间的细微的差别有所了解，你能肯定的说IE显示的90度的角就不圆滑嘛？这取决于你的决定。但是要永远记住，网站设计不必使每个浏览器看起来都相同。在文章的最后，我们将制作一个有趣的案例。 1、  border-radius 演示 border-radius是一大堆CSS3属性中最受欢迎的一种，border-radius是CSS3中级别最高的一个属...

CSS3已经开始彻底变革全世界的Web前端开发和Web设计发展格局，因为他们给这个领域带来了太多太多令人惊奇的新特性！我用大量时间学习了HTML5和 CSS3技术，它们的动画、圆角等特效会令你震惊…在后面的内容中彬Go将向大家推荐一些能帮助你更好的掌握甚至精通HTML5和CSS3的终极工具资源 集合。虽然还有很多特性不被浏览器所支持，但我们作为前端开发从业者，有必要掌握它们。彬Go希望这些HTML5和CSS3工具资源能对大家的学习和工作 有所帮助。 HTML5 & CSS3 准备就绪 该网站通过扇形图表的形式展现了从08年到10年以来...

  随着CSS3越来越热，CSS3动画也逐渐受到大家的关注。这次有幸修改淘宝网全站页头，小小地应用了下(详见http://www.taobao.com/下拉箭头处的hover效果)。与其说是渐进增强，不如说是满足了技术人小小的虚荣心。 以下是自己的一点理解，希望能对大家有所帮助。 … 淘宝案例解析 需求：鼠标移动到菜单上时旋转箭头，且给支持CSS3的浏览器加上旋转动画。 源码请查看demo源文件。 demo (http://fiddle.jshell.net/pjRVT/show/light/) … 关于CSS3动画 从(http://www.w3.org/Style/CSS/current-work)可以看出，CSS动画涉及的...

    或许你已经看过很多关于CSS3动画的技术，包括前端观察之前发表的一些，那么现在就情看一看CSS3动画的魅力吧。这里是一辑47个令人瞠目结舌的CSS3动画演示。他们演示了CSS3能给我们带来的巨大的可能性。 CSS3 Clock With jQuery Analogue Clock 3D Cube That Rotates Using Arrow Keys Multiple 3D Cubes (Slide In/Out) CSS3 Accordion Auto-Scrolling Parallax Isocube Image Gallery Matrix 7 Javascript-effect Alternatives Using CSS3 Image Hover Effects Turning Coke Can (Control With Scrollba...

  随着网络的发展，浏览器具有更强的渲染更高级代码的能力，我们正逐步实现跨越所有平台和浏览器的目标。我们不但可以要花费更少的时间来确保我们的盒模型在IE6中看起来正常，而且形成了鼓励创新、避免hack、重前端脚本的氛围。   网络是一个非常好的环境，也是一个有丰富的知识来分享的协作社区。我们想要有圆角，我们就实现了它；我们想要多背景图片，我们实现了它；我们想要 边框图片，我们也让它实现了。所以需求从来不是问题，否则，我们可能还都仍然在使用table来布局页面而且使用过多的代码呢。我们都知道，网络...

虽然目前有许多的CSS的新特性都还没有得到官方的认可，但很多浏览器（不包括IE）已经开始实现CSS3的规范。在使用这些CSS3的新功能时，最关键的是要将它们作为设计增强。顾名思义，设计增强也就是在不影响可用性的情况下加强视觉吸引效果。 以下将会列举5个不同的CSS3 属性： 这是在没有应用CSS3效果之前的原始图片 1.透明颜色 目前支持的浏览器：Apple Safari 4， Firefox 3.0.5+， Google Chrome 1+ RGBA允许你控制某个特性填充颜色的不透明度，无论是文本、背景、边框还是背景颜色。 设置颜色透明度的时候，你需要使...