Monday, 15 September 2014

animation - Mask Layer in Google Web Designer -


We are working on the html5 banner and I have a question about the images of mesaking in Google Web Designer. Is there an example or how can we do it?

I am targeting similar types of masking, check the link below

Effects and animations to create masking, you have three options:

  1. Overflow: hidden, works on all browsers (but easy)
  2. Clip path (it is very flexible but IE does not support it and it requires SVG tool)
  3. Mask Property. (Flexible and easier than clip path but only WebKit Browser supports it, Safari and Chrome)

You can read the entire document here with the example:

< P> Hope your project helps Majid.


No comments:

Post a Comment