`

CSS3效果或插件收集

 
阅读更多
资源网站:
懒人之家 http://www.lanrenzhijia.com/
web核客 http://www.webhek.com/
jQuery之家 http://www.htmleaf.com/






资料:
HTML5/CSS3翻转动画(一) http://sarin.iteye.com/blog/1330425
HTML5/CSS3翻转动画(二) http://sarin.iteye.com/blog/1331326
带37种3D动画特效的跨浏览器CSS3动画框架 AllAnimation.css http://panyongzheng.iteye.com/blog/2276647
pageSwitch.js插件实现图片翻转切换效果 官网: https://github.com/qiqiboy/pageSwitch, http://www.lanrenzhijia.com/js/css3/3116.html, Demo: http://demo.lanrenzhijia.com/2015/pageSwitch0707/, http://u.boy.im/pageswitch/pic.html
animate.css – 齐全的CSS3动画库 http://www.dowebok.com/98.html, 代码看附件 98_dowebok.com.zip
css3 37种动画样式 http://all-animation.github.io/
CSS 过度动画库 Effeckt.css http://h5bp.github.io/Effeckt.css/





旋转插件jQueryRotate: http://jqueryrotate.com/, 一些中文说明: http://www.css88.com/archives/4519, http://www.dowebok.com/72.html





菜单:
HTML5 SVG和CSS3炫酷液态菜单按钮特效效果演示 http://www.htmleaf.com/Demo/201504081648.html
HTML5 SVG超炫环状导航菜单动画特效效果演示 http://www.htmleaf.com/Demo/201504241731.html



图标
Font Awesome 4.6.2 发布了,Font Awesome为您提供可缩放的矢量图标,您可以使用CSS所提供的所有特性对它们进行更改,包括:大小、颜色、阴影或者其它任何支持的效果 http://fontawesome.io/




例子:
CSS3效果(360度旋转、旋转放大、放大、移动) http://www.jq-school.com/Show.aspx?id=281
CSS3 3D transforms-卡片翻转  http://www.htmleaf.com/ziliaoku/qianduanjiaocheng/201502031323.html
CSS3带动态阴影效果的3D图片翻转特效 http://www.htmleaf.com/ziliaoku/qianduanjiaocheng/201503081486.html
纯CSS 3D百叶窗图像过渡特效 http://www.htmleaf.com/ziliaoku/qianduanjiaocheng/201502231413.html
CSS3实现翻转(Flip)效果 实现“正”“反”面的切换 https://segmentfault.com/a/1190000003903190
用CSS3制作50个超棒动画效果教程 http://blog.bingo929.com/50-awesome-css3-animations.html
移动手机APP滑动手指切换图片特效效果演示 http://www.htmleaf.com/css3/ui-design/201510142665.html
手机APP切换页面动画过渡效果 http://www.htmleaf.com/css3/css3donghua/201510252704.html
jQuery+css3九宫格WIN8设计风格鼠标悬停动画效果 http://www.lanrenzhijia.com/js/css3/3115.html
纯CSS提示工具 Tooltips.css http://xurui3762791.github.io/tooltips/
纯CSS3多层云彩变换动画特效 http://hovertree.com/texiao/css3/4/, http://hovertree.com/texiao/css3/4/2.htm
animatedModal.js 全屏暂时特效 http://joaopereirawd.github.io/animatedModal.js/
分享到:
评论

相关推荐

    js和css3超酷checkbox复选框美化插件

    在这个插件中,开发者可能使用了CSS3的伪类(如`:checked`)来改变复选框选中或未选中时的状态,以及边框、背景、阴影等属性来实现美化效果。同时,CSS3的过渡(transition)和动画(animation)也可能用于创建平滑...

    8款给力HTML5/CSS3应用插件 可爱的HTML5笑脸

    昨天我收集了8款效果给力的HTML5/CSS3应用插件,有一些HTML5动画非常绚丽,也有一些CSS3按钮比较实用,感兴趣的朋友都看看吧。 1、HTML5/CSS3实现笑脸动画 非常可爱 关于纯CSS3绘制的人物我们在之前就分享过一些了,...

    超酷体验 绚丽的jQuery和CSS3应用插件

    今天我们收集了8款超酷体验的jQuery/CSS3应用插件,并将其源代码打包,一起分享给大家,喜欢的朋友请分享一下。 1、jQuery/CSS3实现Android Dock菜单效果 这是一款基于jQuery和CSS3的Android Dock菜单效果,点击底部...

    html5+css3

    - **CSS3简介**:CSS3(Cascading Style Sheets 3)是CSS的最新版本,它在CSS2的基础上增加了许多新的特性,如选择器、伪类、动画效果等。 - **选择器**:新增了属性选择器、子代选择器、相邻兄弟选择器等,使得CSS...

    CSS3单选和复选按钮美化代码.zip

    本资源“CSS3单选和复选按钮美化代码.zip”聚焦于利用CSS3技术来改进网页中常见的单选按钮(radio buttons)和复选框(checkboxes)的视觉效果,旨在为用户提供更为吸引人的界面体验。 单选按钮和复选框是网页表单...

    12个经典大气的HTML5/CSS3应用动画

    这款CSS3下拉框还有3D立体的卡片折叠动画效果,非常酷。 在线演示 源码下载 2、HTML5/CSS3发光搜索表单 超酷CSS3表单 之前我们分享过一款纯CSS3实现的发光登录表单,发光特效非常不错。今天我们要再来分享一款放光...

    html5css3商务网站

    另外,CSS3还增加了动画和过渡效果,可以为商务网站增添动态视觉魅力,提升用户交互体验。 JavaScript(JS)作为Web开发的另一重要组件,在这个商务网站中也扮演着关键角色。它是一种客户端脚本语言,用于实现网页...

    JQuery&CSS;&CSS;+DIV实例大全.rar

    3.jQuery+CSS实用图片收缩与放大效果插件 4.jquery+div实现同时滑动切换的图文展示特效插件下载 5.jquery+div带动画按钮图片手动与自动切换的特效代码 6.jquery一页多用的飞飞图片幻灯插件演示 7.jquery仿...

    html5 CSS3 收集

    而CSS3则在样式表现方面提供了更多可能性,包括更强大的选择器、动画、过渡效果以及多列布局等。 **HTML5的知识点**: 1. **新元素的引入**:HTML5引入了如、、、、等新元素,旨在更好地表达文档结构,提高语义化...

    最全JQuery+CSS3手册chm

    《最全JQuery+CSS3手册chm》是个人精心收集和整理的资源包,包含了JQuery、CSS3以及相关的Web开发工具,旨在为开发者提供最新、最全面的学习材料。这个压缩包包括了多个CHM格式的手册和一个DOCX文档,下面是它们详细...

    个人收集的CSS 层叠样式表

    3. **利用CSS Reset或Normalize.css**:消除浏览器默认样式差异,保持一致的跨浏览器显示。 4. **使用BEM(Block Element Modifier)命名法**:提高代码可读性和可维护性。 5. **优化性能**:减少HTTP请求,使用CSS ...

    css 网页全套模板

    CSS可实现固定顶栏、汉堡菜单、下拉菜单等效果,并通过添加过渡动画和响应式设计,确保导航栏在不同设备上都能良好工作。 5. **CSS头像框**:头像框 avatar 是用户个人形象的展示,常用于评论、社交网络等场景。...

    jquery图表插件大全收集

    根据压缩包子文件的文件名称“jquery图表插件收集”,我们可以推测里面可能包含了一系列的HTML、CSS、JavaScript文件,以及可能的示例代码、文档或者图片资源,这些都是为了演示和使用这些jQuery图表插件而准备的。...

    CSS制作 开关按钮(按下去、弹起来).zip

    "jQuery插件库-收集最全最新最好的jQuery插件.url"则提示我们,虽然这个项目主要使用CSS,但可能也涉及到了jQuery,一个广泛使用的JavaScript库,它简化了DOM操作、事件处理和动画效果。在某些情况下,可能使用...

    10个最佳jQuery Lightbox效果插件收集

    在网页设计中,jQuery Lightbox效果插件是用于创建引人入胜的图像、视频和多媒体展示的重要工具。这些插件通常提供一个简洁且优雅的方式来显示全屏或弹出式的媒体内容,允许用户在不离开当前页面的情况下进行浏览。...

    Html 39款特效插件集合

    3. **图像轮播**: 图像轮播插件允许在有限的空间内展示多张图片,常见于产品展示或幻灯片。它们提供自动切换、手动导航和预览功能,如Slick Carousel或Swiper。 4. **下拉菜单**: 下拉菜单常见于导航栏,帮助组织...

    CSS效果图大全,收集了各类CSS源代码,转盘、文字雨、煸动翅膀的蝴蝶、vector键盘、两栏布局文章、元素的拖拽定位、转动天枰

    CSS效果图大全,收集了各类CSS源代码,转盘、文字雨、煸动翅膀的蝴蝶、vector键盘、两栏布局文章、元素的拖拽定位、转动天枰、动态改变汽车颜色、大屏随机抽奖、如何让元素保持一定的宽高比、实现modal弹框动画、...

    21个新奇漂亮的AjaxCSS表格设计

    - **GridView3 Example**、**Mootable**、**Drag & Drop Sortable Lists with JavaScript and CSS**:展示了更多基于Ajax和CSS的高级表格设计案例。 这些案例不仅展现了Ajax和CSS在表格设计中的应用潜力,也提供了...

    网页设计成品DW静态网页Html5响应式css3——电影网站bootstrap制作(4页d

    4. **导航栏效果**:导航栏是用户浏览网站的重要工具,通过CSS可以实现动态效果,如高亮显示当前页面等。 5. **Banner**:通常位于网页顶部,用于展示重要信息或吸引用户的注意力。 6. **表单**:用于收集用户信息,...

Global site tag (gtag.js) - Google Analytics