Conill Blanc Posted March 29, 2021 Share Posted March 29, 2021 Hi, i don't know how to explain. I want to do an animation for these image.. let me explain. The idea is (from the picture): fade the image (easy), then the image "elevates" and the borders appear one by one like a 3d aproach... i need some ideas on how to start... if use SVG for the borders... or no. (if something doesnt understand just let me know) Tks in advance for the answers... Is my firts time in the forum any problem let me know. Cheers Link to comment Share on other sites More sharing options...
Solution Shaun Gorneau Posted March 29, 2021 Solution Share Posted March 29, 2021 Hi @Conill Blanc and welcome to the forums! If I understand correctly, I think what you're looking for is to sequentially tween 4 elements; the image, a blue border, a magenta border, and a yellow border. Something like this, See the Pen JjERyYg by sgorneau (@sgorneau) on CodePen 3 Link to comment Share on other sites More sharing options...
Conill Blanc Posted March 29, 2021 Author Share Posted March 29, 2021 Hi @Shaun Gorneau, thats was awesome! I'm gonna tweak a little so it goes in the other way. and smoothly so it seems the image let the trace of colors... But that was the basic idea. Tks for the fast answer. Link to comment Share on other sites More sharing options...
Shaun Gorneau Posted March 29, 2021 Share Posted March 29, 2021 Happy to help, @Conill Blanc! Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now