Web前端-wlsy

Home > 类目：Web前端

CSS Animation PPT Demo

2010/07/05

在几天前的一次内部分享中，因为内容涉及到css3 Animation 。因此也用了些CSS3 Animation 搞了一个PPT。各位将就着看来着，装备webkit核心浏览器，然后猛击看这里看这里。

博客要长草了，PS：日和是部很好看的无码小短片。

2009/12/06

在CSS3中新增了几个很好玩的东东：CSS Animation，CSS Transition 和 CSS Transform，顾名思义就是通过CSS来实现动画，过渡和变形。

它们的出现足以让我很兴奋了，我不必要在去写那些复杂的JS代码，运用它们我能更简单的创建自己的想要的动画。

伴随着CSS3的普及，这些特性被各大浏览器支持也只是时间上的问题。有消息称在Internet Explorer 9 中将更好的支持HTML5和CSS3 从IE9预览版上看已经支持了。所以各位围观群众不必担心这只是昙花一现。以下是我就目前的浏览器支持状态统计的一个表格：

2009/06/28

作天在变卖大学书籍时也不晓得怎么的就想起语义化这个概念，于是乎也就花点时间搞搞它。语义化标记对于刚学web前端脚本语言的童鞋来说往往都没太在意，哇哈哈，其实我也就算只比较老的菜鸟而已，本文不是说教，只是分享有关语义化的一些东西。

2009/06/09

在如今大屏幕日趋流行的今天，相当多的网站都喜欢用大图片来当背景，但是这也有个问题，小屏幕浏览图片显示不全，大屏幕浏览却不够，如何才能对图片进行缩放呢？

其实在CSS3中有个background-size属性，不过现在基本上没啥浏览器能支持，不过了解下也不错，在W3C中有对它有定义到，可以在这里看详细用法。

当然熟悉AS的朋友也可以用整站flash很容易的实现，本文讨论的是基于css来实现。

2009/06/03

这是一个简单而且实用的小技巧，至少我只这么觉得的:)。最早好像是是在DOM Scripting 里面看到的。好吧，废话不说了，直接上代码好好享用。

比如导航栏的XHTML代码是这样的：

<ul id="nav">
   <li><a href="#">home</a></li>
   <li><a href="#">about</a></li>
   <li><a href="#">contact</a></li>
</ul>

那么如何才能凸显当前页面的呢？给当前页面的链接加个class，然后通过CSS来控制其显示样式，这样行为和表现分开了，以后更改也方便。 continue reading…