soulwire / makisu Goto Github PK
View Code? Open in Web Editor NEWCSS 3D Dropdown Concept
CSS 3D Dropdown Concept
I had to check it out in IE and noticed that the link to get a "sexier browser" needs an "http://" at the front. I wish for people to click this, and I know that people who need to click it will need it to work right! ;)
Hello, not sure... but I guess Safari 5 should have the required features, right? But your demo does not recognize the browser.
regards,
Maik
Hi!
I've noticed that in FF v29, the item links are not functioning (no hover, they are not clickable). This can be observed on the demo page as well.
Can it easily be solved somehow?
Thanks in advance! Very cool plugin though.
Demo doesn't seem to run on mobile Safari (5.1), but can't see a reason why not as CSS transforms etc all supported in the browser. Not had time to test on other versions. Looks lovely in Chrome tho ;)
It would be an improvement if every API call could also have a callback function as an option.
Currently some like this is not possble:
$(".list").makisu('close', function () {
//Some function
});
If you click the toggle button and go to a different tab (must be same browser window), then switch back a few seconds later, the dropdown will have a 'whip' effect. Not sure if intentional, but it looks kind of janky.
If I add links to Nigiri as follows, only link One shows in Firefox. For link Two, Three, etc., the text shows but does not show the hyperlink and is not clickable... ? Do you know the solution?
Okay here is the complete solution to make this work with links in all 3 browsers. I only used the Nigiri section... the leftmost list animation... so apply to other sections if you use all three drop-downs:
On style.css line 244 (your line number may vary) change:
.nigiri dt, .nigiri dd, .nigiri a {
background: #789962;
}
to
.nigiri dt, .nigiri dd, .nigiri a {
background: #789962;
position: relative;
z-index:999;
}
ย
Then on Makisu.js on lines 346 & 350 change:
'transform': 'translateZ(-0.1px)'
to
'transform': 'translateZ(-1px)'
:)
Animations and text fail to render with Chrome 24.
Hi,
i tryed to create a little navigatin menu with this lib, the animation is ok on all browser type but on firefox i found a problem: the internal link in <'li'> is not find from mouse in firefox.
My set:
$('#menu').makisu({
selector: 'li',
overlap: 0.2,
speed: 0.2
});
<'ul id="menu"'>
<'li>
<'a href="#page1">Page1
<'div class="caption">capition Page1
<'/li>
<'li>
<'a href="#page2">Page2
<'div class="caption">capition Page2
<'li>
<'a href="#page3">Page3
<'div class="caption">capition Page3
<'/li>
<'/ul>
in css #menu li>a have height and width of all parent li
Is perfect with Chrome but I don't understand why with Firefox i found this problem.
If i set z-index of <'li'> and of <'a'> can i resolve my problem?
thx for your attention.
Best Regards,
Alberto
I'm trying this in Opera and the menu just appears... no folding. I noticed though that it passes the $.fn.makisu.enabled, which is indeed true. Is there a small tweak for Opera or should I wrap it in a browser check condition and use my own basic menu for Opera?
Thanks.
Opera Browser don't work
Hello,
Links disapear after animation end since last chrome update.
The detection script doesn't seem to be spotting Safari 5.1.7 (Build 7534.57.2) on Windows XP even though it supports 3D transformations. Also, if you go into the inspector and remove the warning it still won't let you run it.
I'm using Chrome Version 44.0.2403.107 m. There is some glitch which causes menu items to appear and then vanish.
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.