CSS3菜单 的搜索结果

爱前端网 - Yang 发布于 2015-03-12

很多时候，我们的网页菜单需要个性化，从而来适应各种行业的用户视觉操作体验。本文将带领大家一起来欣赏10个非常经典的CSS3菜单应用，菜单涉及到动画菜单、Tab菜单、面包屑菜单等。 1、CSS3飘带状3D菜单 菜单带小图标 这次我们要来分享一款很特别的CSS3菜单，菜单的外观是飘带...

阅读(2468)赞 (0)标签：CSS / CSS3 / HTML / HTML5 / Javascript / Jquery / SEO / WEB前端 / web前端

爱前端网 - Yang 发布于 2014-06-23

1、超具立体感的CSS3 3D菜单 菜单项带小图标 记得之前向大家分享过不少CSS3 3D菜单，比如CSS3 3D动画菜单 3D立方体菜单项和HTML5/CSS3自定义下拉框 3D卡片折叠动画，效果都很漂亮。今天我们要再分享一款更酷的CSS3 3D立体菜单，这款菜单侧躺在页面上，...

阅读(2910)赞 (0)标签：CSS3 / HTML5 / WEB前端

爱前端网 - Yang 发布于 2018-12-18

1.基于jQuery的瀑布流图片筛选插件 瀑布流的展现方式在目前的网页中用得越来越广泛，特别是图片和首页文章的动态加载。今天分享的这款就是基于jQuery的瀑布流图片筛选插件，我们可以点击图片分类名称，即可将对应分类下的图片以瀑布流的方式展示出来，这款插件在筛选图片上使用还是比较...

阅读(4566)赞 (11)标签：CSS3 / HTML5 / Jquery / SEO / SVG / web前端

爱前端网 - Yang 发布于 2018-11-14

1.CSS3 3D倾斜视差图片特效 CSS3有一些属性能够实现3D的视觉效果，将这些3D特性应用到图片上时就可以让图片呈现出立体的效果。今天给大家带来的这款基于CSS3的3D倾斜视差图片特效非常不错，图片上方悬浮文字标题，并且在图片周围添加合适的投影，同时会随着鼠标的移动形成3D...

阅读(4716)赞 (11)标签：CSS3 / HTML5 / Jquery / SEO / SVG / WEB前端 / web前端

爱前端网 - Yang 发布于 2017-12-25

1.SVG/HTML5超富创意的环形颜色拾取器 记得很早以前我们分享过一款功能很强大的jQuery颜色选取插件 支持透明度选择，确实很不错。今天我们要介绍另外一款基于SVG和HTML5的环形颜色拾取器，非常具有创意。20种颜色组成一个圆环，每一种颜色都有相近的5种颜色可以选取，唯...

阅读(3939)赞 (11)标签：CSS3 / HTML5 / Javascript / Jquery / SEO / SVG / web前端 / WEB前端

爱前端网 - Yang 发布于 2017-12-19

1.CSS3 Material 设计样式的按钮 带点击波纹特效 今天我们要给大家带来一组很漂亮的CSS3按钮，按钮的整体风格采用Material设计样式，非常简洁和清新。在这组CSS3按钮中，样式各种各样，有圆形按钮，也有带小图标的按钮，当然颜色也有很多。另外这组按钮还有一个特点...

阅读(3839)赞 (11)标签：CSS3 / HTML5 / Javascript / Jquery / SEO / SVG / web前端 / WEB前端

爱前端网 - Yang 发布于 2017-12-06

1、SVG图片波浪效果渲染动画 今天我们要为大家分享一款很酷的SVG图片动画，主要是图片上会出现波浪的渲染动画。实现原理是在图片上方利用SVG路径绘制了一层蒙板，然后蒙版进行一定的随机扭曲就形成了图片上方波浪翻滚的动画特效，而且也十分逼真。 在线演示 源码下载 2、基于HTML5...

阅读(3564)赞 (8)标签：CSS3 / HTML5 / SEO / SVG / WEB前端 / web前端

爱前端网 - Yang 发布于 2017-12-04

1.超炫酷HTML5 Canvas 3D旋转地球动画 这是一款基于HTML5 Canvas的3D地球模拟动画，动画以太空作为背景，地球在太空中旋转，同时我们也可以拖拽鼠标来从不同的角度观察地球。另外我们也可以通过点击全屏按钮来全屏观看地球旋转动画，记得在很早以前我们也分享过一款基...

阅读(14547)赞 (30)标签：Canvas / CSS3 / HTML5 / Jquery / SEO / web前端 / WEB前端

爱前端网 - Yang 发布于 2017-10-24

1.纯CSS3小姑娘荡秋千动画 这又是一款基于纯CSS3的动画特效，动画主要描绘了一个小姑娘荡秋千的情景，首先小姑娘人物和秋千都是用CSS3绘制而成，对于该动画实例来说，难度最大的在于小姑娘在荡秋千的时候身体各个部位关节的联动，在这个动画中，这方面表现得非常逼真。 在线演示 源码...

阅读(3548)赞 (7)标签：Canvas / content / CSS / CSS3 / demo / download / HTML / HTML5 / id / Javascript / Jquery / SEO / SVG / Vue.js / WEB前端 / web前端

爱前端网 - Yang 发布于 2017-09-26

1.10组蓝色风格的纯CSS3 Loading动画图标 对于CSS3 Loading动画我们已经分享过很多了，比如最近刚刚分享的纯CSS3 Loading加载动画和5个超炫酷的CSS3加载Loading动画图标就都非常漂亮和实用。这次我们要分享10组蓝色风格的纯CSS3 Load...

阅读(3573)赞 (4)标签：Canvas / content / CSS / CSS3 / demo / download / HTML / HTML5 / id / Javascript / Jquery / SEO / SVG / WEB前端 / web前端

爱前端网 - Yang 发布于 2017-05-12

1.超炫酷的30个jQuery按钮悬停动画 按钮插件是最常见的jQuery插件之一，因为它用途广泛，而且配置起来最为方便。今天我们要分享的是30个超炫酷的jQuery悬停按钮动画，当我们将鼠标滑过按钮时，按钮的背景就会播放不同的动画特效。这款jQuery按钮插件的使用方法也很简单...

阅读(5063)赞 (4)标签：Canvas / content / CSS / CSS3 / demo / div / download / HTML / HTML5 / Javascript / Jquery / SEO / WEB前端 / web前端

爱前端网 - Yang 发布于 2017-01-10

1.CSS3实现的火柴燃烧Loading加载动画 这次我们要给大家分享一款非常特别的CSS3 Loading加载动画，整个Loading加载动画就好像是火柴在燃烧一样，不足的是火苗并没有那么真实，比较抽象，不过这款Loading动画还是比较富有创意，非常适合在一些个性化的页面上使...

阅读(10381)赞 (36)标签：Bootstrap / content / CSS / CSS3 / demo / download / HTML / HTML5 / Javascript / Jquery / SEO / web前端 / WEB前端

爱前端网 - Yang 发布于 2015-12-07

现在的网页中应用了越来越多的3D应用，特别是基于HTML5 Canvas的动画特效，让用户有一种非常震撼的视觉体验。本文收集了8个非常炫酷的3D视觉效果的HTML5动画，都有源代码分享，你可以学习你感兴趣的HTML5动画，一起来看看。 1、CSS3飘带状3D菜单 菜单带小图标 这...

阅读(3895)赞 (7)标签：Canvas / Chrome / CSS / CSS3 / demo / download / HTML / HTML5 / id / Javascript / Jquery / SEO / WEB前端 / web前端

爱前端网 - Yang 发布于 2015-10-12

jQuery作为一款主流的JavaScript前端开发框架，深受广告开发者的亲睐，同时jQuery有着不计其数的插件，特别是菜单插件更为丰富，本文将要为大家介绍20个绚丽而实用的jQuery侧边栏菜单，这些侧边栏菜单可以用在不同风格的网页上，如果你觉得不错，也可以进入其下载页面下...

阅读(15147)赞 (26)标签：CSS / CSS3 / demo / download / HTML / HTML5 / id / Javascript / Jquery / SEO / WEB前端 / web前端

爱前端网 - Yang 发布于 2015-10-10

HTML5确实是一项改革浏览器乃至整个软件行业的新技术，它可以帮助我们Web开发者很方便地在网页上实现动画特效，而无需臃肿的Flash作为支撑。本文分享7个顶级的HTML5 Canvas 动画，都有非常不错的效果。 1、3D HTML5 Logo动画 HTML5多视角3D旋转动画...

阅读(3479)赞 (0)标签：Canvas / CSS / CSS3 / demo / download / HTML / HTML5 / id / Javascript / Jquery / SEO / WEB前端 / web前端

爱前端网 - Yang 发布于 2015-07-13

今天开始我们要陆续为大家整理一些纯CSS3实现的动画特效，这里的大部分案例都是用CSS3实现，很少使用JavaScript。特别是在网页中绘制一些人物、动物等，CSS3还是绰绰有余的，你缺少的只是想像力，本文及接下来的系列文章将带你领略CSS3的无限风采。 1、CSS3按钮发光动...

阅读(2367)赞 (0)标签：CSS / CSS3 / demo / download / HTML / HTML5 / Javascript / Jquery / login / web前端 / WEB前端

爱前端网 - Yang 发布于 2015-03-17

1.HTML5 Canvas可拖动的弹性大树摇摆动画 今天让我们继续来分享一个炫酷的HTML5动画，它是一款基于HTML5 Canvas的大树摇摆动画，这款HTML5动画的特点是我们可以拖拽树枝，从而让整棵树摇摆起来，这样就真实地模拟了大树从摇摆到静止的整个过程，相当逼真。 在线...

阅读(3980)赞 (0)标签：Canvas / CSS / CSS3 / HTML / HTML5 / iframe / Javascript / Jquery / SEO / web前端 / WEB前端

爱前端网 - Yang 发布于 2015-03-14

下拉菜单是一个很常见的效果，在网站设计中被广泛使用。通过使用下拉菜单，设计者不仅可以在网站设计中营造出色的视觉吸引力，但也可以为网站提供了一个有效的导航方案。使用HTML5和CSS3可以更容易创造视觉上充满吸引力的下拉菜单。 1.Stunning Menu in CSS3 效果很...

阅读(2210)赞 (0)标签：CSS / CSS3 / HTML / HTML5 / Javascript / Jquery / SEO / WEB前端 / web前端

爱前端网 - Yang 发布于 2015-03-08

下拉菜单是一个很常见的效果，在网站设计中被广泛使用。通过使用下拉菜单，设计者不仅可以在网站设计中营造出色的视觉吸引力，但也可以为网站提供了一个有效的导航方案。使用HTML5和CSS3可以更容易创造视觉上充满吸引力的下拉菜单。 1. 使用 jQuery 和 CSS3 制作向下滑动的...

阅读(1848)赞 (0)标签：CSS / CSS3 / HTML / HTML5 / Javascript / Jquery / SEO / web前端 / WEB前端