Comments on: 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 By: Kevin Huddy Wed, 15 Feb 2017 16:56:00 +0000 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 Tue, 08 Nov 2016 02:34:00 +0000 Did someone is how to put several modal on the same page ?

By: Nik Christodoulakis Sun, 04 Sep 2016 18:06:00 +0000 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 Wed, 24 Aug 2016 18:47:00 +0000 Did you get the answer

By: Olivier Wenders Tue, 05 Jul 2016 09:18:00 +0000 Can someone explain why requestAnimationFrame() is necessary ? And resize = true ?
Why not only:

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

By: Nnatt BV Thu, 30 Jun 2016 19:23:00 +0000 Hi, I make the possible solution.
Please change the code:
modalTrigger.on(‘click’, function(event){
var url = || event.srcElement.href;
transitionLayer.addClass(‘visible opening’);
var delay = ( $(‘.no-cssanimations’).length > 0 ) ? 0 : 600;
setTimeout(function(){, “_self”);
}, delay);
href=”porfolio.html” class=”cd-btn cd-modal-trigger”>Portfolio

By: Fewzi RAFFED Fri, 24 Jun 2016 10:20:00 +0000 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 Wed, 25 May 2016 08:40:00 +0000 @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: (when You go from page to page for example)