Four card feature section with Sass, BEM and some CSS animation

Community feedback

• 

  argel omnes•1,800

  @argelomnesPosted about 5 years ago

  Hi Greta,

  I love your idea regarding how the icons will animate. Mind if I use it when I do this challenge? I saw someone used GreenSock in his/her solution but can't remember who or what the project was. (sorry). Maybe starting with that will help.

  3

  ---

  

  Greta•340

  @gretagrPosted about 5 years ago

  @argelomnes I'm glad you liked the idea, of course, you can. I'm looking forward to seeing your solution! And thank you for the suggestion, I found an interesting tutorial regarding GreenSock and SVG's, I'm going to try to use it in my project.

  0
• 

  T

  Matt Studdert•13,611

  @mattstuddertPosted about 5 years ago

  Awesome work again Greta, your solution looks really good! When it comes to learning about SVG animation I'd recommend reading articles by and watching videos of Sarah Drasner. She's an amazing developer and specifically focuses on SVG animation a lot of the time. She's done loads of talks that are up on YouTube. Well worth watching!

  2

  ---

  

  T

  Matt Studdert•13,611

  @mattstuddertPosted about 5 years ago

  @gretagr haha, she does! Her talks are always really interesting and full of amazing tips and tricks.

  1

  

  Greta•340

  @gretagrPosted about 5 years ago

  @mattstuddert thank you for your feedback and suggestion of Sarah! I looked her up, she makes SVG's sound soo exciting!

  0
• 

  B-Shadoink•80

  @B-ShadoinkPosted about 5 years ago

  How did you do those animations Greta? awesome work bytw.

  0

  ---

  

  Greta•340

  @gretagrPosted about 5 years ago

  @B-shadow thank you! It's just plain old CSS. I use transitions for smooth breakpoints, for hover effects - transform: scale, scale + keyframes for cards on load.

  0