HTML5实例 超酷3D衣服摆动特效源码 今天我向大家分享一款HTML5 3D衣服摆动动画特效,动画也是在HTML5 Canvas上完成,它模拟衣服晾在绳子上,移动鼠标可调整不同的观察视角,点击鼠标可以让衣服摆动起来,就行风吹动它一样,非常逼真炫酷。是 …
HTML5实例 效果很炫的jQuery+css3图文切换立体式效果 附件提供了两个不同效果的图片切换效果,第一个是图文并茂,第二个是图片切换,切换的立体式效果很强。 本效果使用了ipresenter.packed插件,使用方法就不再赘述了。 只支持高版本浏览器,喜欢的懒人可以试 …
HTML5实例 简洁易用的jQuery.clock-canvas基于canvas实现的时钟效果 效果描述: 一个非常不错的好用的时钟动画效果 基于canvas实现的效果,可以实时模拟当前时间 使用方法: 1、将body中的代码部分拷贝过去即可 文章来自源码库www.occud.com转载请注明出处,并保留本 …
HTML5实例 基于SVG实现Loading加载按钮代码 效果描述: 一个观赏性较好的svg 实现的loading动画效果 其中调用的CSS、js内容较多,不适合用于实际项目中,所以说比较适合于观赏 且低版本浏览器支持度也不够好,使用方法这里也就不再赘述 使用方法: 1 …
HTML5实例 css3高版本浏览器下垂直文字放大镜效果 效果描述: 在国外网站上看到的这样一款列表文字图片放大的效果 放大效果是一个矩形,适中处在浏览器中间位置 使用起来不卡,很舒服 低版本浏览器不支持 使用方法: 1、将head中的样式引入到你的样式表中 2 …
HTML5实例 jquery+css3左右滑块(背景也跟随切换) 国外网站翻译过来的一款左右全屏焦点图,支持惯性效果,左边是文字,右侧是图片,图片切换的同时背景也跟着切换,比较有创意 文章来自源码库www.occud.com转载请注明出处,谢谢!!!
HTML5实例 HTML5刮刮乐*卡效果代码 HTML5刮刮乐抽奖卡效果代码基于html5 canvas+JS制作,刮卡效果实例,效果超赞,兼容PC端和手机平板移动端,电脑端,按住鼠标左键同时滑动鼠标进行刮卡操作,手机平板移动端,手指滑动屏幕即可进行刮卡。
HTML5实例 3D立体式书本阴影左右切换效果插件 效果描述: 三维立体式图片切换效果,不过,说的严谨一点,应该是书本图文立体式切换样式 细心的懒人应该会注意到,它带有一点点的阴影效果,在现实生活中,光线无处不在 这样也会产生一些微弱的阴影效果 …
HTML5实例 jquery+css3鼠标悬停图片旋转变亮效果 效果描述: 旋转的效果主要靠css3来实现,当然还需要部分jquery代码实现 也就是当鼠标悬停后给li增加一个class on即可 并给on增加一个css3动画效果即可,原理很简单 使用方法: 1、将css样式引入到你的网页 …
HTML5实例 窗户玻璃雨滴逼真效果 jquery动态模拟窗户上水珠效果,效果特别逼真,一款很不错的插件,推荐给大家使用 看起来很像模糊的窗外,斜滴的雨露。 请使用高版本浏览器浏览 文章来自源码库www.occud.com转载请注明出处,并保留本链接,谢谢!
HTML5实例 3款不同图片左右全屏切换效果 效果描述: 上下左右图片保持全屏 图片采用绝对路径,不用为路径问题而烦恼了 点击左右图片按钮,图片分三种不同方式做切换 相信总有一个是适合你的 低版本浏览器下效果较差 使用方法简单: 跟之前类似,保 …
HTML5实例 jquery+css3实现的扇形效果 用CSS3实现的扇形图片切换效果,很有创意; 有情提醒:请在高版本浏览器下欣赏,建议在FF下 文章来自源码库www.occud.com转载请保留本链接,谢谢!
HTML5实例 TwentyTwenty - 在可视化范围内拖动对比两个图片 一个很不错的可视化差异插件TwentyTwenty。 TwentyTwenty的工作原理是在在一个容器内堆叠两个图像,通过中间的滑块使两个图像彼此重叠交替显示。 使用方法简单: 1、在网页head中调用css文件 2、将适合你的 …