- 博客(4)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 使用CSS3构建Ajax加载动画
<br /><br />通常前端工程师采用gif动画图片来表现Ajax的加载。但是现在css3已经引入了动画属性，我们可以在不采用gif动画图片的情况下，采用css3达到同样的Ajax加载动画效果。那么让我们现在开始来实现想要的效果。 <br />重要提示：只支持Webkit内核的浏览器（Safari和Chrome）<br />示例<br /><br />HTML<br /> 在这里我们只展示demo里第一个Ajax载入示例的代码。首先我们需要一个名为“loading”的容器，以放置所有的动
2011-03-10 08:25:00
347
原创 用CSS实现百度/Google广告投影效果
<br />在许多网站中我们可以看到网站主将Google adsense或是百度推广修饰成投影效果，很漂亮，给人的视觉效果非常不错。不过大多数都是基于背景图片的方式来实现的，但实际上通过CSS同样能实现这种效果。如下：<br />以Google adsense 336*280为例：<br />1.html代码如下：<br /><div class="google"><br /> <div class="shadow"><!-- 336x280 --></div><br /><div cla
2011-03-10 08:04:00
535
原创 用JS和CSS实现页面的向上向下滚动效果
一直以来wordpress都非常流行，但自己却毫无了解。今天也特意下载了一个安装并运行了，感觉确实不错，真的是做个站的最佳选择。但最让我感兴趣的却是那些优秀的wordpress主题效果，实在非常漂亮。这里特意摘取其中某个主题的页面滚动效果与大家共享。这种效果也都在本站中得以应用。该效果是基于jQuery和CSS实现的，大体分为以下几步：1.添加jQuery类库文件jquery.min.js2.添加得以实施滚动效果的图片，分两块第一：html代码段：第二：CSS代码段：#roll_top,#f
2011-03-10 07:58:00
1245
原创 纯css打造投影效果——CSS3属性transform的应用
<br />刚在twitter上看见这个效果。<br />Getting Clever with CSS3 Shadows <br />插播广告——“拥有css3，拥有无限可能。”<br />这个效果里，除了应用阴影属性box-shadow之外，还需要一个重要属性的支持——transform<br />其实transform算是一个混合属性，它同canvas和svg的transform一样，带有几个独立的方法：平移（translate），缩放（Scaling），旋转（Rotating），另外，还
2011-03-10 07:56:00
589
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人