Comments on: Ink Transition Effect https://codyhouse.co/gem/ink-transition-effect/ A free library of HTML/CSS/Javascript resources to boost your web projects and learn new tricks. Tue, 07 Nov 2017 03:16:46 +0000 hourly 1 http://wordpress.org/?v=4.2.12 By: Kevin Huddy https://codyhouse.co/gem/ink-transition-effect/#comment-8935 Wed, 15 Feb 2017 16:56:00 +0000 https://codyhouse.co/?post_type=gem&p=9184#comment-8935 You simply have to add this transition effect at the start of a loading page when coming from another page of your website.

]]>
By: Karyl Lamoureux https://codyhouse.co/gem/ink-transition-effect/#comment-8522 Tue, 08 Nov 2016 02:34:00 +0000 https://codyhouse.co/?post_type=gem&p=9184#comment-8522 Did someone is how to put several modal on the same page ?

]]>
By: Nik Christodoulakis https://codyhouse.co/gem/ink-transition-effect/#comment-8130 Sun, 04 Sep 2016 18:06:00 +0000 https://codyhouse.co/?post_type=gem&p=9184#comment-8130 I have got a question to you Claudia, I would like create the same kinda animation but stop just on the central splash (only one splash to be visible). I cannot really understand how to do such would it be easy for you to give me a hint?

]]>
By: Arvind Vel https://codyhouse.co/gem/ink-transition-effect/#comment-8045 Wed, 24 Aug 2016 18:47:00 +0000 https://codyhouse.co/?post_type=gem&p=9184#comment-8045 Did you get the answer

]]>
By: Olivier Wenders https://codyhouse.co/gem/ink-transition-effect/#comment-7666 Tue, 05 Jul 2016 09:18:00 +0000 https://codyhouse.co/?post_type=gem&p=9184#comment-7666 Can someone explain why requestAnimationFrame() is necessary ? And resize = true ?
Why not only:

$(window).on(‘resize’, function() {
setLayerDimensions();
});
Thanks in advance.

]]>
By: Nnatt BV https://codyhouse.co/gem/ink-transition-effect/#comment-7637 Thu, 30 Jun 2016 19:23:00 +0000 https://codyhouse.co/?post_type=gem&p=9184#comment-7637 Hi, I make the possible solution.
Please change the code:
//js
modalTrigger.on(‘click’, function(event){
var url = event.target.href || event.srcElement.href;
event.preventDefault();
transitionLayer.addClass(‘visible opening’);
var delay = ( $(‘.no-cssanimations’).length > 0 ) ? 0 : 600;
setTimeout(function(){
window.open(url, “_self”);
}, delay);
});
//html
href=”porfolio.html” class=”cd-btn cd-modal-trigger”>Portfolio

]]>
By: Fewzi RAFFED https://codyhouse.co/gem/ink-transition-effect/#comment-7579 Fri, 24 Jun 2016 10:20:00 +0000 https://codyhouse.co/?post_type=gem&p=9184#comment-7579 Hi, I would like to use this effect between two pages in a wordpress theme. Do you know how can I do that?
Thanks in advance

]]>
By: Drakan https://codyhouse.co/gem/ink-transition-effect/#comment-7339 Wed, 25 May 2016 08:40:00 +0000 https://codyhouse.co/?post_type=gem&p=9184#comment-7339 @claudiarrromano:disqus
It’s nice effect, but it’s not the effect I saw on other websites. I mean, right now it’s just nice ink animation that goes from different color, to background color. And then the real content is showing up. But how to achieve true ink animation that goes from a color to real content (some background image for example). Like it is here: http://www.dogstudio.be/projects/ (when You go from page to page for example)

]]>