Comments on: Image Mask Effect https://codyhouse.co/gem/image-mask-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: Mc Cavandish https://codyhouse.co/gem/image-mask-effect/#comment-9025 Wed, 08 Mar 2017 12:56:00 +0000 https://codyhouse.co/?post_type=gem&p=19101#comment-9025 thanks Claudia got it up and running with local server. sorry to be so bothersome but when i make changes to the stylesheet they don’t take effect but obviously it is working as the elements are getting their original styling. does css work differently when running through the local server? thanks again

]]>
By: Joao Guerreiro https://codyhouse.co/gem/image-mask-effect/#comment-8999 Wed, 01 Mar 2017 09:49:00 +0000 https://codyhouse.co/?post_type=gem&p=19101#comment-8999 Looks great Claudia, thanks for sharing!

]]>
By: dokMixer https://codyhouse.co/gem/image-mask-effect/#comment-8979 Fri, 24 Feb 2017 15:07:00 +0000 https://codyhouse.co/?post_type=gem&p=19101#comment-8979 Super interesting effect !
Small room for improvement : the way you use pushState is correct, but using the “back” button in the browser doesn’t work. A way to catch the previous/next buttons should be implemented to trigger again the animations :)
Cheers !

]]>
By: Sebastiano Guerriero https://codyhouse.co/gem/image-mask-effect/#comment-8964 Wed, 22 Feb 2017 15:33:00 +0000 https://codyhouse.co/?post_type=gem&p=19101#comment-8964 Hi! We’ve been experimenting with SVG masks a lot here on CodyHouse (https://codyhouse.co/?s=svg), but for this kind of effect PNG did seem like the simplest approach.

]]>
By: Claudia Romano https://codyhouse.co/gem/image-mask-effect/#comment-8963 Wed, 22 Feb 2017 09:26:00 +0000 https://codyhouse.co/?post_type=gem&p=19101#comment-8963 hey Davis, if you are testing this in Chrome then you need a local server for the load() function to work. Hope this helps!

]]>
By: Ajat Sudrajat https://codyhouse.co/gem/image-mask-effect/#comment-8962 Wed, 22 Feb 2017 08:35:00 +0000 https://codyhouse.co/?post_type=gem&p=19101#comment-8962 Interesting effect! But you have reason why you don’t use modern properties/techniques (for example SVG masks) but simply PNG images? Putting borders around to hide the rest of the page content seems a bit chunky and not so elegant solution. This looks more like a fallback maybe.

]]>
By: david cunningham https://codyhouse.co/gem/image-mask-effect/#comment-8960 Tue, 21 Feb 2017 10:01:00 +0000 https://codyhouse.co/?post_type=gem&p=19101#comment-8960 super work Claudia. You continue to amaze. Not sure what I’m missing here. I followed through the instructions but when I click on the explore project link nothing happens. Any pointers? Thanks so much. Dave

]]>
By: SlimSloughi https://codyhouse.co/gem/image-mask-effect/#comment-8943 Fri, 17 Feb 2017 14:12:00 +0000 https://codyhouse.co/?post_type=gem&p=19101#comment-8943 Awesome !

]]>