51Dev开发社区
登录 注册

#动画

分享一款基于jquery的圆形动画按钮
之前为大家介绍过一款纯css3实现的圆形旋转分享按钮。今天要给大家带来一款基于jquery的圆形动画按钮。这款按钮鼠标经过的时候以边框转圈，然后逐渐消息，在实例中给出了四种颜色的demo。效果图如下：在线预览   源码下载实现的代码。html代码：<figureclass='red'...
代码星球 ·2021-01-21

一款纯css3实现的动画加载导航
之前为大家介绍了好几款导航菜单，今天为给大家再带来一款纯css3实现的动画加载导航。该导航出现的时候以动画的形式出现。效果图如下：在线预览   源码下载实现的代码。html代码：<ulclass="main-menu"><liclass="main-menu-itemac...
代码星球 ·2021-01-21

一款纯css3实现的超炫动画背画特效
之前为大家介绍了很多款由纯css3实现的特效。今天要再给大家带来一款纯css3实现的超炫动画背画特效。代码非常简单，没有引用任何其它js代码。css代码也不多。效果非常炫。一起看下效果图：在线预览   源码下载实现的代码。html代码：<divclass='fake-gif'>...
代码星球 ·2021-01-21

CSS3 Transitions属性打造动画的下载按钮特效
一个网站的下载按钮应尽量吸引读者的注意。 这意味着网页设计师应该非常重视文件的下载界面。一个页面这么多的文件，如图片，视频和插件可以通过直接HTTP下载共享。许多免费网站甚至发布图标集和PSD文件供用户免费下载。在这些元素很多的网页下载按钮非常重要。下面就给大家带来一款动画的下载按钮，效果图如下： ...
代码星球 ·2021-01-21

几行css3代码实现超炫加载动画
之前为大家分享了css3实现的加载动画。今天为大家带来一款只需几行代码就可以实现超炫的动画加载特效。我们一起看下效果图： 在线预览   源码下载 实现代码：极简的html代码：<div><i></i></div>css3代...
代码星球 ·2021-01-21

jquery和css3打造超梦幻的三维动画背景
今天为大家带来的是一款由jquery和css3实现的超级梦幻的背景效果。绿色的小原点由远到近，由近到远一种飞跃效果。效果非常好看，我们一起看下效果图： 在线预览   源码下载 我们一起看下实现的代码。这是一款由jquey和css3实现的效果。这里引用的是jquery11...
代码星球 ·2021-01-21

HTML5 Canvas 梦幻的文字飞扬动画教程
之前为大家介绍了一款HTML5/CSS33D文字特效文字外翻效果。今天为大家带来的是html5canvas实现的文字漂动动画效果。画面非常梦幻。在线预览   源码下载实现代码如下：html代码：<divclass="dgac"><divclass="dgmainatall...
代码星球 ·2021-01-21

css3实现的4种动画特效按钮
今天要给大家介绍的是css3按钮，里面包含四种特效的动画，如下图：在线预览   下载源码实现html代码：<divalign="center"class="fond"><br/><divclass="bouton_1"><ahref="#123"&...
代码星球 ·2021-01-21

纯css3开发的响应式设计动画菜单（支持ie8）
这是一个响应式设计的菜单。单击列表图标，当你显示屏大小可以完全水平放下所有菜单项时，菜单水平显示（如图1）。当你的显示屏不能水平放置所有菜单项时，菜单垂直显示（如图2）。而且显示的时候是以动画的型式显示。效果相当的好。点击这里在线预览下面贴出实现这功能的源代码，这是一个纯用css3实现的菜单html代码：<div...
代码星球 ·2021-01-21

纯CSS3打造非常炫的加载动画
纯css3打造的一款非常炫的加载图。用在需要一定时间加载的地方非常合适。先上效果图：点击这里在线预览代码非常简单。没有用任何javascript代码。纯css3实现。html代码：<divclass="content"><divstyle="width:970px;margin:auto">&l...
代码星球 ·2021-01-21

基于html5鼠标悬停图片动画展示效果
分享一款基于html5鼠标悬停图片动画展示效果。里面包含两款不同效果的html5图片展示效果。效果图如下：在线预览   源码下载实现的代码。html代码：<divclass="wrap"id="wrap"><divstyle="float:left;padding-top...
代码星球 ·2021-01-21

基于css3炫酷页面加载动画特效代码
基于CSS3实现35个动画SVG图标。这是一款基于jQuery+CSS3实现的SVG图标动画代码。效果图如下：在线预览   源码下载实现的代码。html代码：<divclass="loaders"><divclass="loader"><divclass="l...
代码星球 ·2021-01-21

css 的过渡（transition） 和动画（animation）
 1.transition1<!DOCTYPEhtml>2<html>3<head>4<metacharset="utf-8">5<title></title>6<style>7.box1{8position:absolute...
代码星球 ·2021-01-17

利用雪碧图，完成兔子走路过渡/动画效果
   <!DOCTYPEhtml><html><head><metacharset="utf-8"><title></title><style>/*像这种，利用雪碧图制作的动画效果叫做精灵动画*/.box1...
代码星球 ·2021-01-17

Windows 7个性化配置，关闭Win7动画效果，设置窗口背景为“ 豆绿色”，移动“我的文档”
减少眼睛疲劳配色（豆绿色）： RGB：199,237,204，颜色名称：#C7EDCC 1、任务栏设置2、关闭Win7动画效果控制面板->轻松访问->优化视频显示3、视觉优化右键单击桌面“计算机”-->“属性”-->“高级系统设置”-->“高级”-->选择“性能”...
代码星球 ·2021-01-16
首页上一页...45678...下一页尾页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他