之前为大家分享了很多jquery和css3的动画实例。今天给大家带来一款非常炫的jquery和css3实现的卡通人物动画特效。效果图如下:实现的代码。html代码:<div class="wrapper"><div class="border-circle" id="one"></div>…
2018-02-01 03:25之前为大家分享了好多导航菜单。今天给大家带来一款纯css3实现的竖形二级导航。这款导航菜单可以是无限级。一起看下效果图:实现的代码。html代码:<div style="width: 700px; margin: auto;"><div class="W1-h16"><ul><li cla…
2018-02-01 03:25今天要分享的jQuery焦点图插件非常适合展示热点新闻,之前我们分享过好多基于jQuery的焦点图插件,效果都还很不错。它可以在图片上方展示文字标题,并且焦点图的切换按钮时tab风格的,图片切换也十分流畅。效果图如下:
2018-02-01 03:25今天给大家分享一款纯css3实现的win8加载动画。在这款实例中动画效果完全由css3实现。一起看下效果图:实现的代码。html代码:<div class="wrapp"><div class="text"><h1>Windows 8</h1></div><div class="lo…
2018-02-01 03:25今天给大家带来一款纯css3实现的tab选项卡。单击左侧的选项的时候,右侧内容以动画的形式展示。效果图如下:实现的代码。html代码:<div class="night-tabs night-tabs-color-default night-tabs-animation-slide-right night-tabs-position-vleft"><…
2018-02-01 03:25今天给大家分享一款html5和css3动画排列人物头像演示。这款实例页面初始时,人物头像以动画的形式排列到页面中形成一个圆环。效果图如下:实现的代码。html代码:<div class=stage><div class=image><img src="https://pbs.twimg.com/profile_images…
2018-02-01 03:252014年的圣诞节即将来临之季。爱编程小编给大家分享一款2014年圣诞节倒计时网页,当天的日期卡片有抖动的效果。一起看下效果图:实现的代码。html代码:<h1>Merry Christmas</h1><ul><li><div class="door">1</div></l…
2018-02-01 03:25今天给大家分享一款超炫的图片排列特效。页面加载时。图片纵向堆叠在页面中,当鼠标单击toggle按钮时,图片依次展开。铺满整个网页。效果图如下:实现的代码。html代码:<div class="t-container"><div class="t-content"><img class…
2018-02-01 03:25今天给大家带来一款纯css3实现的发光屏幕旋转特效。该屏幕由纯css3实现带发光旋转特效,效果图如下:实现的代码。html代码:<div class="screen"></div>css3代码:*{margin: 0;padding: 0;}*,*:before,*:after {-webkit-box-sizing: border-box;-m…
2018-02-01 03:25今天给大家分享一款基于jquery和svg超炫的网页动画。这款动画效果非常炫。下面还有重播、慢速、和反向动画按钮。效果非常漂亮。一起看下效果图:实现的代码。html代码:<div id="intro"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xli…
2018-02-01 03:25今天要给大家分享一款纯css3实现的超炫3D表单。该特效页面的加载的时候3d四十五度倾斜,当鼠标经过的时候表单动画回正。效果非常炫,一起看下效果图:实现的代码。html代码:<div id="face"><div id="content"><p><input type=…
2018-02-01 03:25这次我们要来分享一款很不错的CSS3按钮动画,这款CSS3按钮一共有5种动画方式,每一种都是鼠标滑过动画形式,虽然这些动画按钮不是十分华丽,但是小编觉得不像其他按钮那样很难扩展,我们可以修改CSS代码随意改变自己喜欢的颜色样式。实现的代码。html代码:<!--button…
2018-02-01 03:25之前为大家分享了那些创意有趣的404页面, html5和css3打造一款创意404页面, HTML5可爱的404页面动画很逗的机器人。今天再给大家分享一款纯css3实现的漂亮的404页面。效果图如下:实现的代码。html代码:<section class="center"><article><h1…
2018-02-01 03:25今天我们要介绍一款比较特别的jQuery图片滑块插件,它不仅在PC浏览器上可以使用,而且更适合在手机端的网页中使用。这款jQuery插件不仅可以定义图片切换的方向,而且可以即时切换图片切换的动画方式,可以有平移、翻转、旋转和幻灯片模式,动画效果非常不错。实现的代码:…
2018-02-01 03:25今天给大家分享一款基于jQuery可放大预览的图片滑块插件。这款jQuery焦点图插件的特点是可以横向左右滑动图片,并且点击图片可以进行放大预览,唯一的缺陷是这款焦点图并不能循环切换,如果你有较好的JavaScript功底,可以自己修改代码来实现这一功能。效果图如下:实现的…
2018-02-01 03:25之前为大家分享了推荐10款纯css3实现的实用按钮。今天给大家带来一款基于css3的动画按钮。实现的效果图如下:实现的代码。html代码:<div class="share-buttons"><div class="share-button"><div class="share-button-secondary…
2018-02-01 03:25今天给大家分享一款基于jquery和css3的头像恶搞特效。这款实例中,一个头像在画面中跳舞,头像还有可爱的帽子,单击下面的按钮可以为头像切换不同的帽子。效果图如下:实现的代码。html代码:<div class="wwiaftm-container"><div class="base w…
2018-02-01 03:25今天要给大家推荐一款基于jquery的鼠标经过图片列表特效。当鼠标经过列表图片的时候,图片放大,且有一个半透明的遮罩层随之移动。效果图如下:实现的代码html代码:<h1>Direction Aware Hover</h1><div class="container cf"><div class…
2018-02-01 03:25前面给大家分享过一款基于jquery ui漂亮的可拖动div实例,今天给大家分享一款基于TweenMax跟随鼠标单击移动的div。在这款实例中你可以单击任意位置,div会移动到你单击的位置。效果图如下:实现的代码。html代码:<html ng-app="app" ng-click="movebl…
2018-02-01 03:25