• 使用 jQuery&CSS3 实现翻转的作品集滑块

    在本教程中,我将分享如何使用 jQuery 和 CSS3 变换实现翻转的作品集滑块效果。效果演示 源码下载 您可能感兴趣的相关文章 Web 开发中很实用的10个效果【源码下载】 精心挑选的优秀jQuery Ajax分页插件和教程 ...
    文章 2014-09-28 871浏览量
  • Web 开发人员不能错过的 jQuery 教程和案例

    CSS3 实现的图片滑块效果,带有很炫的图片翻转和动画效果。源码下载 在线演示 Make a Google Powered Shopping Search Website 基于 Google Shopping Search API 打造一个简单的购物搜索网站。源码下载 在线演示...
    文章 2013-12-12 1042浏览量
  • 推荐12款实用的 JavaScript 书页翻转效果插件

    您可以翻转书页来查看下一张或上一张图片。鼠标悬停在画廊的上的时候可以点击或拖动的动态的角落处进行翻页。4.Flip Counter flipCounter 是一个 jQuery 插件,让枯燥的数字显示变成一个大的,漂亮的翻页动画显示。...
    文章 2014-05-29 1548浏览量
  • 最简单的CSS图片翻转效果

    今天有读者询问制作鼠标经过时切换图片的效果,这种效果也称为“翻转”效果(roll-over)。原来这种效果大多使用Javascript实现,实际上用CSS可以非常方便地制作出来的。这里给出一个最简单的效果,在深入的复杂效果...
    文章 2009-08-02 899浏览量
  • 精选30个优秀的CSS技术和实例

    收集精选了30个使用纯CSS完成的强大实践的优秀CSS技术和实例,您将在这里发现很多与众不同的技术,比如:图片集、阴影效果、可扩展按钮、菜单等…这些实例都是使用纯CSS和HTML实现的。单击每个实例的标题可以被转向到...
    文章 2017-11-08 1206浏览量
  • 图片(旋转/缩放/翻转)变换效果(ccs3/滤镜/canvas)

    本程序分别通过滤镜(ie)、ccs3和canvas来实现图片的旋转、缩放和翻转变换效果,可以用作图片查看器。有如下特色: 1,用滤镜、ccs3和canvas实现相同的变换效果;2,可任意角度旋转;3,可任意角度翻转;4,可扩展...
    文章 2016-05-12 2997浏览量
  • 新鲜出炉的30个精美的 jQuery&CSS3 效果【附演示和...

    基于 jQuer 和 CSS3 实现的图片翻转效果。在线演示 下载源码 10.Create a simple jQuery hover call-to-action box 基于 jQuery 实现的一个简单的悬浮行为召唤(call-to-action)功能。在线演示 下载源码 11.Auto ...
    文章 2012-09-03 1234浏览量
  • 基于jquery的图片展示-卡牌翻转效果

    第一张翻转图片->lt;div>lt;a href=""target="_blank">lt;img src="pic/1.gif"width="118"height="181"border="0"/gt;lt;a>lt;div>lt;第二张翻转图片->lt;div>lt;a href=""target="_blank">...
    文章 2013-04-29 1168浏览量
  • 8款帅酷的HTML5/CSS3 3D动画、图片、菜单应用

    6、HTML5 3D立方体动画 立方体可任意翻转之前我们分享过很多基于HTML5的立方体动画了,有些是基于Canvas的动画特效,比如这款HTML5 webkit 3D立方体图片旋转滑块应用,就很不错。这次要分享的这款HTML5 3D立方体动画...
    文章 2017-12-02 2690浏览量
  • 年度盛宴——2012年最精彩的15个 CSS3 教程

    本教程将告诉你如何使用 CSS3 为元素创建一个简单的图片堆叠效果。最终效果 示例下载 详细教程 04.CSS3面包屑导航 面包屑导航能够让用户知道他们所在的层次结构,能够方便的导航到上一层页面。在本教程中,您将...
    文章 2013-01-13 1391浏览量
  • 前端之美:9个很酷的基于 CSS3 和 JavaScript 实现的...

    艳丽的图片,可以和 Flash 媲美的 3D CSS3 Transition 效果。Paperfold 让人眼前一亮的折纸效果,可拖动控制选项变换各种效果。RotorJS 基于 JavaScript 实现的一个轻量、可扩展的3D旋转控制库。The Box 使用硬纸片...
    文章 2012-07-06 1009浏览量
  • 牛逼的css3:动态过渡与图形变换

    CSS3 中,可以规定背景图片的尺寸,这就允许我们在不同的环境中重复使用背景图片。background-size:length|percentage|cover|contain;length:设置背景图像的高度和宽度。第一个值为宽度,第二只是高度 div { ...
    文章 2016-05-20 1753浏览量
  • 精通CSS+DIV网页样式与布局-滤镜的使用

    CSS可以在不处理图片的环境下,对图片进行翻转,看下面的例子代码和运行效果: Flip翻转 lt;span style="font-size:18px;gt;lt;span style="font-size:18px;gt;lt;html>lt;head>lt;title>Flip翻转<...
    文章 2015-01-14 984浏览量
  • 强大的jQuery图片查看器插件Viewer.js

    图片是否可翻转 transition 布尔值 true 使用 CSS3 过度 fullscreen 布尔值 true 播放时是否全屏 keyboard 布尔值 true 是否支持键盘 interval 整型 5000 播放间隔,单位为毫秒 zoomRatio 浮点型 0.1 鼠标滚动时的...
    文章 2018-11-17 1921浏览量
  • jQuery 制作逼真的日历翻转效果的倒计时

    分享35个让人惊讶的 CSS3 动画效果演示 十分惊艳的8个 HTML5 &JavaScript 特效 Web 开发中很实用的10个效果【源码下载】 12款经典的白富美型 jQuery 图片轮播插件 本文链接:制作逼真的日历翻转效果的 jQuery 倒...
    文章 2014-11-25 1164浏览量
  • CSS3 滤镜学习

    类似地,反相的效果就是翻转原图的像素,实现一个色度相反的效果。我个人感觉: 默认为10%0,效果为反相;0-0.5之间的相当于加上了一层灰影,较适合做蒙皮特效,比如hover的时候给照片加上灰影;0.5的时候为全灰,...
    文章 2016-09-27 1021浏览量
  • CSS实现类似导航翻转功能例子

    CSS实现类似导航翻转功能例子 今天写了一个css实现类化导航翻转功能例子,想拿出来和大家分享一下;首先看看它的效果: 鼠标移上去的时候: 背景和字体的颜色都变了,效果如下: 首先写一个HTML文档,内容如下: ...
    文章 2017-11-16 1232浏览量
  • 300+Jquery,CSS,MooTools 和 JS的导航菜单资源(总有...

    14.方便的图片标签翻转菜单;15.模仿Digg.com风格的CSS纵向菜单 16.JavaScript可折叠菜单,查看演示 17.独特的使用jQuery和MooTools的导航菜单;查看演示 18.CSSmenumaker.com - 提供专业的CSS菜单;19.非常酷的 ...
    文章 2017-11-08 1760浏览量
  • 利用纯CSS3实现超立体的3D图片侧翻倾斜效果

    原文:利用纯CSS3实现超立体的3D图片侧翻倾斜效果 ...很容易可以看出这里利用了css3的transform属性,其中rotateX来翻转,translateZ来实现Z轴的3D转换,思路都非常清晰。最后,还是把源码分享一下,下载地址>gt;
    文章 2014-04-17 1196浏览量
  • 39个超实用jQuery实例应用特效

    31.Coding a Rotating Image Slideshow w/CSS3 and jQuery:旋转图片幻灯片 32.Slider Gallery:滑块画廊 33.Making Better Select Elements with jQuery and CSS3:使用jQuery和CSS3制作更好的选择元素 34.Jquery ...
    文章 2012-09-10 1495浏览量
  • 推荐12款非常有用的流行 jQuery 插件

    Lazy Load 在长页面中延迟图片加载的 jQuery 插件,视窗外的图片在滚动到其位置之前是不会加载的。11.Flippy Flippy 是一款跨浏览器的翻转效果插件,能够翻转任何你想去翻转的 HTML 元素。12.jQuery Geo v1.0a4 ...
    文章 2012-04-19 894浏览量
  • 推荐12款非常有用的流行 jQuery 插件

    Lazy Load 在长页面中延迟图片加载的 jQuery 插件,视窗外的图片在滚动到其位置之前是不会加载的。11.Flippy Flippy 是一款跨浏览器的翻转效果插件,能够翻转任何你想去翻转的 HTML 元素。12.jQuery Geo v1.0a4 ...
    文章 2012-04-19 694浏览量
  • [CSS]Web前端开发之CSS工具列表

    使用CSS和一个图片创建出一个翻转按钮的样式。CSS Rounded Box Generator Ruthsarian Layouts 6个CSS页面布局模板,包括颜色、标题等。Bluerobot Layout Reservoir 2栏和3栏的CSS布局框架 Glish CSS Layout ...
    文章 2017-06-29 1399浏览量
  • CSS总结

    2.制作翻转按钮效果:将两张图片进行合成;八、CSS技巧 [1]:让盒子水平居中,只需将盒子的左右外边距margin设置为auto,即margin:5px auto;[2]:让盒子的中的内容垂直居中,设置行高line-height等于盒子的高度height...
    文章 2016-03-10 995浏览量
  • 提高网页效率的14条准则

    这也是为什么翻转门的效率要高于图片替换实现的滑动门的原因。但是,请注意:也不能用太大的单张图片,因为那样会影响到用户体验。例如个几兆的背景图片的使用绝对不是一个好主意。2:合并你的css文件。图:合并与...
    文章 2017-11-16 1122浏览量
  • rem计算适配

    DOMContentLoaded事件本身不会等待CSS文件、图片、iframe加载完成。它的触发时机是:加载完页面,解析完所有标签(不包括执行CSS和JS), 并如规范中所说的设置interactive和执行每个静态的script标签中的JS,然后...
    文章 2017-11-03 1730浏览量
  • 推荐12款非常有用的流行 jQuery 插件

    Lazy Load 在长页面中延迟图片加载的 jQuery 插件,视窗外的图片在滚动到其位置之前是不会加载的。11.Flippy Flippy 是一款跨浏览器的翻转效果插件,能够翻转任何你想去翻转的 HTML 元素。12.jQuery Geo v1.0a4 ...
    文章 2012-04-19 903浏览量
  • 全端工程师和设计师必读文章推荐【系列三十一】

    CSS3 实现翻转的作品集滑块 酷!使用 jQuery&Canvas 制作相机快门效果 jQuery 特效:盒子破碎和移动动画效果 FancyBox-经典的 jQuery Lightbox 插件 Sequence.js-适合电子商务网站的图片滑块 Infinite Scroll-...
    文章 2014-12-02 2048浏览量
  • 笔记-10.4、HTML - CSS滤镜笔记

    15.CSS滤镜filter:(filter属性不属于w3c标准,只对IE有效) ①不透明度: filter:alpha(参数1=参数值,参数2=参数值,.);参数: opacity:开始时的透明度,取值范围为0-100,默认值为0,即为完全透明,100为完全不透明...
    文章 2016-03-31 1531浏览量
  • 25 个精彩的 HTML 5 教程

    这教程可以被用于创建一个全屏的照片幻灯片,以显示“纽约”图片系列。您还可以使用HTML5音频元素添加声音给你的生活画廊。Build A Neat HTML5 Powered Contact Form 本教程将帮助您学习创造一个优雅的HTML5 AJAX...
    文章 2017-07-03 1603浏览量
1 2 3 4 5 >

云产品推荐

视频直播 大数据计算服务 MaxCompute 国内短信套餐包 开发者问答 阿里云建站 新零售智能客服 万网 小程序开发制作 视频内容分析 视频集锦 代理记账服务 阿里云AIoT 阿里云科技驱动中小企业数字化