纯 CSS 图片悬停缩放圆角边框效果

图片悬停

纯 CSS 图片悬停缩放圆角边框效果

这是一款图片悬停缩放边框效果,基于CSS transform和transition技术实现。鼠标悬停时,图片会产生轻微的放大效果,同时边框样式也会发生变化,给人一种图片"呼吸"般的动态感受。适用...

商品页图片悬停放大交互JavaScript插件,支持响应式布局

图片放大

商品页图片悬停放大交互JavaScript插件,支持响应式布局

这是一款通过JavaScript技术封装的的商品图悬停放大效果,通过悬停或点击触发图片的细节放大效果,支持响应式布局,当设备变为手机等小屏幕时,放大效果变为放大镜,良好支持响应式布局,适用于电商...

HTML弹性放大与缩小交互式日历

缩放日历

HTML弹性放大与缩小交互式日历

这是一款日历点击缩放效果,基于CSS Transform和JS技术实现,通过点击触发日期单元格的弹性放大动画,再次点击相同单元格缩小。适用于日程管理或时间选择场景

简约jQuery放大镜自定义光标插件,适用于图像预览、细节展示等交互场景

光标放大镜

简约jQuery放大镜自定义光标插件,适用于图像预览、细节展示等交互场景

​这是一款光标悬停放大效果,基于CSS+SVG技术实现,当鼠标移动时会在自定义光标周围形成圆形放大镜区域,将局部内容动态放大显示,适用于图像预览、细节展示等交互场景。

HTML+CSS蜂巢布局图库,六边形边框图片源码下载

蜂巢相册

HTML+CSS蜂巢布局图库,六边形边框图片源码下载

这是一款基于纯CSS实现的六边形个人资料头像以蜂巢布局展示的图库效果,通过六边形裁剪和布局设计,增强头像展示的视觉独特性,单张图片悬停带放大效果。

CSS Dock 导航项放大效果(基于 :has()选择器)

Docker菜单

CSS Dock 导航项放大效果(基于 :has()选择器)

这是一款利用 :has() 选择器实现的 Dock 放大效果,基于CSS技术实现,当鼠标悬停在 Dock 项上时,相关项会动态放大,提升交互体验。

HTML基于GSAP实现图片局部放大镜源码下载,支持多倍变焦效果

多倍变焦放大镜

HTML基于GSAP实现图片局部放大镜源码下载,支持多倍变焦效果

这是一款图片局部点击放大效果,基于jQuery与GSAP技术实现,用户点击元素时触发放大动画,支持多倍放大效果,增强交互的视觉反馈。

纯CSS实现的斜切九宫格网格画廊效果源码下载,附带悬停放大效果

九宫格图库

纯CSS实现的斜切九宫格网格画廊效果源码下载,附带悬停放大效果

这是一款斜切网格画廊效果,基于CSS clip-path技术实现,只需要在「class="wrapper"」的区域内放置九张图片,即可实现这种个性的以斜切方式排列的九宫格图库效果,形成独特的视觉...

HTML中实现点赞等SVG图标全屏放大动画效果

图标放大

HTML中实现点赞等SVG图标全屏放大动画效果

一款基于GSAP插件实现的svg图标全屏放大动画效果,该效果可以增强图标效果,并且支持常见类型的svg图标的放大效果。

超简单CSS实现图片悬停边框不变,图片内容缓慢放大动画效果

图片放大

超简单CSS实现图片悬停边框不变,图片内容缓慢放大动画效果

这是一款图片悬停放大效果,仅需要20多行CSS代码即可实现,非常的简单。当用户将鼠标悬停在图片上时,图片会平滑地放大,创造出吸引人的视觉焦点。此效果不依赖各类外部库,仅通过简单的代码就能实现。

基于JS实现放大缩小多个嵌套 div(镜头拉近拉远效果)

3D套环

基于JS实现放大缩小多个嵌套 div(镜头拉近拉远效果)

这段 JavaScript 代码提供了为多个 div 元素创建快速缩小放大效果的功能。通过它您可以流畅地放大或缩小 3D 场景中的各个层。特别像镜头拉近的效果。该代码的工作原理是根据用户的滚动调...

基于CSS实现鼠标悬停放大或者缩小图像

调整图像大小

基于CSS实现鼠标悬停放大或者缩小图像

此代码可在指定 div 内悬停时启用 CSS 图像缩放或者放大效果。它可在鼠标悬停时放大图像,从而产生放大效果。zoom类会触发 1.2 倍的放大效果,而 「small 」类则会在悬停时将图片重...