编辑文章 - 博客频道 - CSDN.NET

让你的HTML5&CSS3网站在老IE中也能正常显示的3种方法

6
分享到新浪微博
分享到QQ空间
分享到Facebook
分享到Twitter
IE

起初,IE其实也是一款非常有进取心的浏览器。但经过一段时间的蛰伏后,它已经成为了我们生活中的一道障碍。微软现在又重新开始向其它浏览器发起挑战,但事实情况是,新版的现代IE浏览器一直滞后于谷歌浏览器和火狐浏览器。

如何用JavaScript探测CSS动画是否已经完成

8
分享到新浪微博
分享到QQ空间
分享到Facebook
分享到Twitter
css3-1

进入2014年后,我们这些Web开发者开始慢慢发现需要面对一种困难,就是传统的JavaScript技术开始失效。很多年来我们一直依赖的那些JavaScript技巧技术,在如今CSS3兴起的情况下,很多的特效被浏览器内置的CSS功能替代。以前我们一直需要的一个功能——JS动画中结束时会触发回调函数——现在改用CSS动画后,如何触发这些回调动作?

多层嵌套的CSS 3D动画技术详解

16
分享到新浪微博
分享到QQ空间
分享到Facebook
分享到Twitter
Css3-3D-Snow

CSS动画是当前一种非常火爆的技术,我说的并不是一些简单的颜色变换或长短属性变换,我说的是3D变换技术;纯CSS实现的翻滚旋转立方体就是最典型的例子。网上能找到很多关于CSS动画的代码,但对于一个程序员来说,真正理解其为什么会动起来的原理是非常重要的。

CSS阴影效果(Box-shadow)用法趣味讲解

30
分享到新浪微博
分享到QQ空间
分享到Facebook
分享到Twitter
css3-1

使用Box-shadow属性表现阴影效果是现代浏览器中是一个非常有用的技巧,通过它我们可以做出很多非常酷的东西。让我们来一步一步的了解box-shadow属性的基本用法,然后进一步了解::before和::after伪元素的用法。

JavaScript程序员必备的5个debug技巧

32
分享到新浪微博
分享到QQ空间
分享到Facebook
分享到Twitter
JavaScript-Web

我一直使用printf调试程序,一般来说都是比较顺利,但有时候,你会发现需要更好的方法。下面几个JavaScript技巧相信你一定会觉得十分有用,比如,有时候你会发现DOM不受你的控制,自己会发生一些奇怪的变化,让你很难找出问题的根源。谷歌浏览器的开发工具里有一个超级好用的功能,专门可以对付这种情况,叫做”Break on…”,

SVG技术入门:线条动画实现原理

13
分享到新浪微博
分享到QQ空间
分享到Facebook
分享到Twitter
294213932_640

相信大家都见到过这样神奇的技术:一副线条构成的画能自动画出自己。非常的酷。Jake Archibald是这种SVG技术的首创者,并且写了一篇非常好的文章来描述它是如何实现的。其实我没有什么好增补的,只是想把这种技术说的更明白些,所以,在这里我要用我的方式把这种技术再讲解一遍。

SVG技术入门:如何画出一条会动的线

13
分享到新浪微博
分享到QQ空间
分享到Facebook
分享到Twitter
516b7184eb69d

SVG里属性d里的每一部分都是告诉浏览器生成一个动作——移动到某一个点,开始画一条线,画一个贝齐尔弧线,等等。关于这些数据是如何变成动画,变成一条慢慢画出的线,这是个非常复杂的问题,幸运的是,我们不用考虑这些。我可以使用颜色和设置点的宽度,让SVG路径变成一段一段的点线,并控制点的偏移量:

小测验:你对HTML5了解有多少?

25
分享到新浪微博
分享到QQ空间
分享到Facebook
分享到Twitter
html5

在一个移动信息化和本地化同时存在是世界里,HTML5就成了这两种平台之间的桥梁。HTML5是开发多功能网站和Web应用的未来技术选择。你的编程技术是跟未来软件开发趋势同向而行吗?测一测你的HTML5和CSS3知识有多少,看看你能得多少分。

JavaScript圣诞树及其算法

31
分享到新浪微博
分享到QQ空间
分享到Facebook
分享到Twitter
圣诞树

我在reddit上发现了一张圣诞树动画图片,好奇心驱使我使用JavaScript制作了一个相同效果的树:新年快乐!。祝愿大家在新的一年里心想事成,马到成功!

漫谈CSS transform动画技术

9
分享到新浪微博
分享到QQ空间
分享到Facebook
分享到Twitter
rock

CSS Transform效果是指通过在浏览器里让网页元素移动、旋转、透明、模糊等方法来实现改变其外观的技术。在CSS里定义的变化动作会在页面生成前应用到网页元素上,所以你看不到发生的过程。然而,这些变化动作也可以由mouseover或其它相似事件触发,这样我们就可以看到它的动作过程。

纯CSS+DIV绘出《辛普森一家》中荷马形象动画演示

12
分享到新浪微博
分享到QQ空间
分享到Facebook
分享到Twitter
原文地址:http://www.webhek.com/
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值