这是一款使用CSS3和jQuery来制作的炫酷喷洒墨水式打开模态窗口特效。该特效在点击按钮时通过一张PNG墨水喷洒的雪碧图和steps()函数来制作墨水散开的效果，整个效果就像在屏幕上撒上了墨水，使屏幕改变了一个颜色。
通过一张制作好的雪碧图，以及CSS的steps()函数，我们可以制作出各种平滑过渡的动画效果。一些效果的图片可以直接从某些视频video中提取，使用的工具是After Effects。你可以将需要的视频的帧转换为连续的PNG图片，然后将这些图片拼接为雪碧图。
查看演示 下载插件
使用方法
HTML结构
该效果的HTML结构分为3个主要部分：main.cd-main-content是页面的主体部分，div.cd-modal是模态窗口，div.cd-transition-layer是一个动画过渡层。
Ink Transition Effect
Start Effect查看更多关于超炫喷洒墨水动画过渡效果的打开模态窗口特效_html/css_WEB-ITnose的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did111504