Fast, mobile-friendly and responsive lightbox with CSS3 animations.
Forked from Andrzej Dubiel's Pen Magnific Popup + Animate.css.
COLABORATI
COLABORATI
/ typeform-velocity.js
Created
June 28, 2016 21:12
— forked from nathanhornby/typeform-velocity.js
Scroll to active field in form (typeform style animation) using velocity.js
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Insert into some kind of 'focus' action | |
| var parent = $(this).parent().parent('.fieldWrap'); // Target a wrapper | |
| // Reset active state | |
| $('.fieldWrap').removeClass('active'); | |
| // Add active state to current field | |
| parent.addClass('active'); |
COLABORATI
/ scroll2.js
Created
June 28, 2016 21:12
— forked from nathanhornby/scroll2.js
Velocity.js jQuery smooth scroll to #id
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* Scroll2 | |
| ======================= | |
| Takes one argument, `speed`. Defaults to 500. | |
| Examples: | |
| $('.scroll2').scroll2(); // <a href="#contact" class="scroll2">Contact me</a> | |
| $('#scrollToTop').scroll2(700); // <a href="#header" id="scrollToTop">Scroll to top</a> |
COLABORATI
/ Magnific Popup + Animate.css.markdown
Created
June 20, 2016 22:37
— forked from haimingpro/Magnific Popup + Animate.css.markdown
Magnific Popup + Animate.css
COLABORATI
/ magnific-velocity.js
Created
June 20, 2016 22:36
— forked from nathanhornby/magnific-velocity.js
Magnific popup with velocity.js animation boilerplate
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $.magnificPopup.open({ | |
| items: { | |
| src: '#popup', | |
| type: 'inline' | |
| }, | |
| removalDelay: 400, | |
| callbacks: { | |
| open: function () { | |
| this.content.velocity('transition.slideDownIn', { | |
| duration: 400 |