首页
技术分享
实用工具 发布文章 新浪微博 Github

css3 - 标签列表

luciy 2015-12-25 评论一下

现代的WEB应用充满了惊人的、博人眼球的特效,因此WEB开发人员需要使用各种技术来实现这一目标。前些年开发者会使用Adobe Flash来为他们的网站添加互动性,但是随着HTML5、CSS、以及JavaScript库的快速发展,Flash已经要走出历史的舞台了。 2015年出现了很多开源的动画...

luciy 2015-12-11 评论一下

“你听说过动感影集么?” 动感影集是QQ空间新功能,可以将静态的图片轻松转变为动态的视频集,且载体是HTML5(简称H5)页面,意味着可以随时分享到空间或朋友圈给好友欣赏! 移动端区别于PC年代的相册视频,由于设备性能限制,每一个动画细节都需要认真优化,今天就来说说动感影集开发过程中的动画性能...

luciy 2015-12-11 评论一下

常听人说: 移动端要想动画性能流畅,应该使用3d硬件加速 最近深入了解了一些浏览器内核的细节,感觉这里面其实有坑啊。。。 事情要从最近看的《WebKit技术内幕》说起,第二章介绍了网页的结构,其中提到了Webkit硬件加速的方式,会把需要渲染的元素放到特定的『Composited Laye...

luciy 2014-08-31 评论一下

这里是我们收集的一些很有用的CSS 3悬停效果教程合集。 HTML 5和CSS 3拓展了网页设计的可能性,它们引入了很多新属性来让你的网站变得丰富而饱满。在这篇文章中,我分享了18个CSS3悬停效果的教程,来让你的网站变得饱满并且传达更好的用户体验。本文介绍了CSS 3的动画属性,使用这个属性...

luciy 2014-04-02 评论一下

补间动画,是flash里的一种动画形式,同时也是动画形式中最基础的一种。与它相对应的是动画片中常用的逐帧动画形式。补间动画以一个或几个元素为主体,在一段时间内,将该主体各属性的一个值变为另一个值。为什么称之为补间,就是因为中间的动画过程由计算机自动渲染而成,我们只用设置动画开始与结束状态时的属...

luciy 2014-03-31 评论一下

高性能移动Web相较PC的场景需要考虑的因素也相对更多更复杂,我们总结为以下几点: 流量、功耗与流畅度。在PC时代我们更多的是考虑体验上的流畅度,而在Mobile端本身丰富的场景下,需要额外关注对用户基站网络流量使用的情况,设备耗电量的情况。 关于流畅度,主要体现在前端动画中,在现有的前端动画...