SVG clip-path Hover Effect -HTML代码 -演示与下载 -时代Java

SVG clip-path Hover Effect

Attempt to re-create CJ Gammon’s portfolio grid hover effect using SVG and CSS Transitions.

Note: this is an experiment, it does not seem to work on Firefox 43.0.4 neither have touch support.
Tested on Chrome 47.0.2526.106, Opera 34.0 and Safari 8.0.6.

X-rays X-rays
Worms Worms
Aurora Aurora
Angus Angus
Huitzi Huitzi
Dalí Dalí
The Bride The Bride
The Man The Man
D D
V V
V II V II
V III V III
下载代码说明
X关闭

SVG图片剪辑路径鼠标悬停动画特效源码

SVG图片剪辑路径鼠标悬停动画特效源码是一段实现了鼠标悬停后，该区域将会出现图片显示动画效果的代码，且该效果会根据鼠标停放的位置给进行改变，非常有趣，本段代码适应于所有网页使用，欢迎有兴趣的朋友们前来下载使用。兼容目前最新的各类主流浏览器，是一款非常优秀的特效源码。如果大家非常好奇该段代码所带来的动画效果的话，可以点击【演示地址】进行预览哦，兼容IE8及以上浏览器，小编建议使用【火狐】浏览器预览