用于三维悬停效果的简单jQuery插件
Posted
tags:
中文标题：用于三维悬停效果的简单jQuery插件 原文标题：Simple jQuery plugin for 3d Hover effect 项目评级：Star:334 Fork:109 下载地址：https://github.com/ariona/hover3d 详情介绍jQuery悬停3d
jQuery Hover3d是一个简单的悬停脚本，用于创建三维悬停效果。这是我2015年在Codepen 3d悬停平面效果上探索CSS3 3d变换的实验。
其想法是使用CSS3变换将元素转换为三维空间，使用translateZ来分隔元素，并检测鼠标移动以更改变换值
演示
查看演示
用法
在HTML中包含jQuery和jQuery.hover3d.min.js
HTML格式
需要一个最小的标记，元素容器和将被转换为3d卡的元素
CSS格式
没有特殊的CSS文件可以包含在内，您可以编写自己的CSS并在子元素上进行转换。然而，当鼠标悬停在内部和外部时，会添加一些辅助类。
JS公司
下一步是在.project上初始化插件，并给出将被转换的选择器元素，在这种情况下它是project__card。
选项
<表格>
选项 类型 默认 描述
兼容性
所有支持三维变换和透视的浏览器。你可以在caniuse.com上查看