ariona / hover3d Goto Github PK
View Code? Open in Web Editor NEWSimple jQuery plugin for 3d Hover effect
License: MIT License
Simple jQuery plugin for 3d Hover effect
License: MIT License
Is it possible to get this working out the box with multiple elements without multiple instances? It seems that when called, on hover of one element, it applies the hover to all elements at the same time.
I'm finding it difficult to use this plugin for alot of cases I have in my markup for a project I'm doing.
In my html, I have some server side generated html like this....
<div class="items">
<div class="item-to-hover">.....</div>
<div class="item-to-hover">.....</div>
<div class="item-to-hover">.....</div>
</div>
For layout and design reasons, I don't want an inner div on the "item-to-hover" divs. This prevents me from using this plugin because if I do the following, all of the items in "items" hover at the same time...
$(".items").hover3d({ selector: ".item-to-hover" });
I can fix this locally by editing the plugin on line 30 to be
$card = settings.selector ? $(this).find(settings.selector) : $(this);
Now I can just do the following without needing to specify a selector option
$(
.item-to-hover).hover3d();
Which seems to solve my problem, but I'm wondering if there is a built in option that does this that I'm not aware of, or if this will cause an issue I haven't thought of.
Thanks
hi
may i use touchEventListener in future? thank you guys
Hi, im using chrome.
when i hover over the element i have made the card, the hover isnt smooth, it jitters really bad. is there something that can cause jitters?
this is my code: ( I have the classes stated in the docs already in)
Archive.zip
JS:
$(".film_3d_wrapper").hover3d({ selector: ".film_3d", perspective: 1000, shine: false });
Its not letting me upload my html so i will attach it in a .zip
see my video:
jitterbug.zip
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.