百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 编程文章 > 正文

17 个实用的图像特效库 17 个实用的图像特效库

qiyuwang 2024-12-20 18:16 16 浏览 0 评论

1.imagehover

地址:https://github.com/ciar4n/imagehover.css

imagehover.css- 纯CSS3鼠标滑过图片效果动画库,44种鼠标滑过效果


2. ImageTiltEffect

地址:https://github.com/codrops/ImageTiltEffect

TiltEffect是一款让图像跟随鼠标产生微妙立体倾斜效果的插件,使其有层次感和深度感。

3.Magnifier.js

地址:https://github.com/mark-rolich/Magnifier.js

Magnifier 是一款实用纯js制作的图片放大镜插件。它有以下一些特定:

  • 可以使用鼠标滚轮放大缩小图片。
  • 可以通过js或data属性来设置选项。
  • 一次调用可以附加多张图片。
  • 用户可以自定义鼠标进入、离开、移动事件。
  • 加载大图片时可以显现等待文本。

4.gl-react-image-effects

地址:https://github.com/gre/gl-react-image-effects

通用的withReact示例应用程序与 Web。iOS和Android实现一起运行一个代码库( 一些特定的代码被设计成在平台上创建不同的UI )。

5.StickyImageEffect

受ultanoir网站启发的幻灯片显示,具有粘性图像效果。

地址:https://github.com/Anemolo/StickyImageEffect


6.HeatDistortionEffect

WebGL热变形效果全屏背景。

地址:https://github.com/lbebber/HeatDistortionEffect


7.ImageDraggingEffects

使用各种技术为图像设置的一组有趣的拖动效果。

地址:https://github.com/codrops/ImageDraggingEffects

8.jQuery.BgSwitcher

jQuery.BgSwitcher实现背景图像切换效果。

地址:https://github.com/rewish/jquery-bgswitcher

9.FullImageReveal

一个完整的图像显示精美的缩略图滑动效果。

地址:https://github.com/codrops/FullImageReveal

10.diaporama

Diaporama是一种图像/视频/内容幻灯片引擎,提供高质量的动画效果,包括Kenburns效果和GLSL Transitions。

地址:https://github.com/gre/diaporama

11. FollowCursor

图像的旋转跟随光标移动而变化。

地址:https://github.com/bersLucas/FollowCursor

12.react-native-kenburns-view

KenBurns 用于React Native应用程序的图像效果

地址: https://github.com/nHiRanZ/react-native-kenburns-view


13.vintageJS

VINTAGEJS 是一个jQuery插件,它使用HTML5 canvas为你的图像/照片添加惊叹的复古效果。它预置了三种效果,并且可以很容易定制。

地址:https://github.com/lindelof/awesome-web-effect

14.ThumbnailGridExpandingPreview

有关如何使用扩展的图像预览创建缩略图网格的教程,类似于在Google图片上看到的效果。

地址:https://tympanus.net/Tutorials/ThumbnailGridExpandingPreview/

15.gridder

一个jQuery插件,显示缩略图网格扩展预览,类似于在Google图片上看到的效果。

地址:https://github.com/oriongunning/gridder

16.MotionTransitionEffect

图像幻灯片的快速运动过渡效果。

地址:https://github.com/codrops/MotionTransitionEffect


17.tiltedpage_scroll

tiltedpage_scroll.js是一款支持鼠标滚动、设置图片角度的一款插件。当页面滚动的时候,图片会有倾斜3D的效果,作为产品展示是个不错的选择。

地址:http://peachananr.github.io/tiltedpage_scroll/demo/tiltedpage_scroll_demo.html


相关推荐

PayPal严重漏洞可通过不安全的JAVA反序列化对象

在2015年12月,我在PayPal商业网站(manager.paypal.com)中发现了一个严重的漏洞,这个漏洞的存在,使得我可以通过不安全的JAVA反序列化对象,在PayPal的网站服务器上远程...

提醒:Apache Dubbo存在反序列化漏洞

背景:近日监测到ApacheDubbo存在反序列化漏洞(CVE-2019-17564),此漏洞可导致远程代码执行。ApacheDubbo是一款应用广泛的高性能轻量级的JavaRPC分布式服务框架...

【预警通报】关于WebLogicT3存在反序列化高危漏洞的预警通报

近日,我中心技术支撑单位监测到WebLogicT3存在反序列化0day高危漏洞,攻击者可利用T3协议进行反序列化漏洞实现远程代码执行。...

Apache dubbo 反序列化漏洞(CVE-2023-23638)分析及利用探索

在对Apachedubbo的CVE-2023-23638漏洞分析的过程中,通过对师傅们对这个漏洞的学习和整理,再结合了一些新学的技巧运用,从而把这个漏洞的利用向前推了一步。整个过程中的研究思路以及...

案例|WebLogic反序列化漏洞攻击分析

目前网络攻击种类越来越多,黑客的攻击手段也变得层出不穷,常规的防护手段通常是对特征进行识别,一旦黑客进行绕过等操作,安全设备很难发现及防御。通过科来网络回溯分析系统可以全景还原各类异常网络行为,记录所...

【预警通报】关于ApacheOFBizRMI反序列化远程代码 执行高危漏洞的预警通报

近日,我中心技术支撑单位监测发现ApacheOFBiz官方发布安全更新,修复了一处远程代码执行漏洞。成功利用该漏洞的攻击者可造成任意代码执行,控制服务器。该漏洞编号:CVE-2021-26295,安...

关于OracleWebLogic wls9-async组件存在反序列化远程命令执行高危漏洞的预警通报

近日,国家信息安全漏洞共享平台(CNVD)公布了OracleWebLogicwls9-async反序列化远程命令执行漏洞。攻击者利用该漏洞,可在未授权的情况下远程执行命令。该漏洞安全级别为“高危”。现...

Rust语言从入门到精通系列 - Serde序列化/反序列化模块入门指北

Serde是一个用于序列化和反序列化Rust数据结构的库。它支持JSON、BSON、YAML等多种格式,并且可以自定义序列化和反序列化方式。Serde的特点是代码简洁、易于使用、性能高效。...

Java反序列化漏洞详解(java反序列化漏洞利用)

Java反序列化漏洞从爆出到现在快2个月了,已有白帽子实现了jenkins,weblogic,jboss等的代码执行利用工具。本文对于Java反序列化的漏洞简述后,并对于Java反序列化的Poc进行详...

关于Oracle WebLogic Server存在反序列化远程代码执行漏洞的安全公告

安全公告编号:CNTA-2018-00222018年7月18日,国家信息安全漏洞共享平台(CNVD)收录了OracleWebLogicServer反序列化远程代码执行漏洞(CNVD-2018-13...

CVE-2020-9484 Apache Tomcat反序列化漏洞浅析

本文是i春秋论坛作家「Ybwh」表哥原创的一篇技术文章,浅析CVE-2020-9484ApacheTomcat反序列化漏洞。01漏洞概述这次是因为错误配置和org.apache.catalina....

告别脚本小子系列丨JAVA安全(8)——反序列化利用链(下)

0x01前言...

关于WebLogic反序列化高危漏洞的紧急预警通报

近日,WebLogic官方发布WebLogic反序列化漏洞的紧急预警通告,利用该漏洞可造成远程代码执行并直接控制Weblogic服务器,危害极大。该漏洞编号为:CVE-2019-2890,安全级别为“...

高危!Fastjson反序列化漏洞风险通告

漏洞描述...

学习Vulhub的Java RMI Registry 反序列化漏洞

这个实验,我们先通过dnslog演示命令执行,然后通过反弹shell获得root权限。JavaRemoteMethodInvocation用于在Java中进行远程调用。RMI存在远程bind的...

取消回复欢迎 发表评论: