Web 界面上交互的方式很多，只要你去探索，你会发现很多让你眼前一亮的想法。Codrops 最近发布了一组悬停效果，总共分为两组，多达30种不同的风格。为了让效果尽可能的平滑，最好不要在元素上使用变换以免影响布局。在第二组中采用了 SVG 动画，这也是目前比较流行的方式。
分类：
其他好文 时间：
2014-12-05 12:14:52
阅读次数：
213
<styletype="text/css">@font-face{font-family:‘GlyphiconsHalflings‘;src:url(‘${resource(dir:‘fonts‘,file:‘glyphicons-halflings-regular.eot‘)}‘);src:url(‘${resource(dir:‘fonts‘,file:‘glyphicons-halflings-regular.svg‘)}‘);src:url(‘${resource(dir:‘fonts‘,..
分类：
其他好文 时间：
2014-12-03 02:00:16
阅读次数：
200
1.基于jQuery实现的汇图网大屏焦点图效果汇图网大屏jQuery焦点图代码，可设置切换模式，如淡入淡出切换，左右滚动切换，上下滚动切换，可设置是否自动轮播，可设置鼠标划过是否停止播放等。在线演示源码下载2.HTML5基于SVG实现的过山车动画特效今天我们要分享一款很酷的HTML5/SVG动画，这...
分类：
Web程序 时间：
2014-12-03 01:42:27
阅读次数：
187
今天给大家分享一款基于jquery和svg超炫的网页动画。这款动画效果非常炫。下面还有重播、慢速、和反向动画按钮。效果非常漂亮。一起看下效果图：在线预览源码下载实现的代码。html代码： ...
分类：
Web程序 时间：
2014-12-02 14:56:16
阅读次数：
270
原文：A Beginner’s Introduction to CSS Animation
译文：一个初学者对CSS动画的介绍
译者：dwqs
现在，越来越多的网站使用了动画，并且形式多样，如GIF、SVG、WebGL、背景视频等等。当在web中恰当使用动画时，它可以给网站注入活力和良好的交互性，给用户提供额外的一层反馈和体验。
在这篇文章，我将向你介绍CSS动画，随着浏览器对动画支持的改善，一种高效率的做事方式变得越来越流行。考虑到基础知识，我将快速建立一个从正方形变成圆形的动画案例。
先看看效...
分类：
Web程序 时间：
2014-12-02 08:58:50
阅读次数：
301
原文：A Beginner’s Introduction to CSS Animation译文：一个初学者对CSS动画的介绍译者：dwqs现在，越来越多的网站使用了动画，并且形式多样，如GIF、SVG、WebGL、背景视频等等。当在web中恰当使用动画时，它可以给网站注入活力和良好的交互性，给用户提...
分类：
Web程序 时间：
2014-12-02 08:56:32
阅读次数：
225
一、前言 IE特有的滤镜常常作为CSS3各种新特性的降级处理补充，而Adobe转向HTML5后与Chrome合作推出CSS3的Filter特性，因此当前仅Webkit内核的浏览器支持CSS3 Filter，而FF和IE10+则需要使用SVG滤...
分类：
Web程序 时间：
2014-11-28 18:05:40
阅读次数：
550
什么是SVG？ 1、指可伸缩矢量图形 2、用来定义用于网络的基于矢量的图形 3、使用XML格式定义图形 4、图像在放大或改变尺寸的情况下其图形不会有所损失 5、万维网联盟的标准， 用于描述二维矢量图形的一种图形格式SVG的优势 1、可被非常多的工具读取和修改（比如记事本） 2、与JPEG和GIF图像...
分类：
其他好文 时间：
2014-11-28 17:57:35
阅读次数：
149
在node-webkit教程(14)禁用缓存中，简单讲了当前禁用缓存的几种方法。在实际开发过程中，我遇到了一个因为缓存引起的诡异的问题。应用场景如下：在一个编辑器里，不停的向画布上添加svg或者其他格式的图片文件，问题主要出在svg文件上。插入svg图片的过程中，经常出现无法加载的现象，检测文件和u...
分类：
Web程序 时间：
2014-11-27 23:33:53
阅读次数：
246
我之前在博客中介绍过几个矢量图库网站，在WPF程序中，一般接触到的矢量图标资源有XAML、SVG、字体这三种格式。XAML是标准格式就不说了，SVG并不是直接支持的，不过微软提供了Expression Design可以非常方便我们将其转换为XAML格式的资源。而对于字体，虽然WPF是直接支持的，但由...
