Space Tourism - built with Astro

Community feedback

• 

  P

  Samuel O. Acheampong•230

  @yawsamcodePosted 9 months ago

  Man! this is dope. Well done brother. Keep it up.

  0
• 

  lawrence vincent•150

  @vincent453Posted 10 months ago

  wow am impressed

  0
• 

  Nadun Dhananjaya•210

  @nadun-dhananjayaPosted 10 months ago

  Your work is excellent, especially the animation.

  0
• 

  Menna Bashir•380

  @MennaBashirPosted 11 months ago

  Very excellent work, especially the animation. I want to know how you developed your animation skills

  0

  ---

  

  MaximilianoDanielGarcia•2,000

  @MaximilianoDanielGarciaPosted 11 months ago

  Hi @MennaBashir!

  I'm glad you liked it! A very useful page to learn is w3schools.com.

  For the background animation I just play with the background size:

  @keyframes zoomInOut {
  	0% {
  		background-size: 100%;
  	}
  	50% {
  		background-size: 120%;
  	}
  	100% {
  		background-size: 100%;
  	}
  }
  

  And then, I bind the animation to my container element:

  animation: zoomInOut 20s linear infinite forwards;
  

  Please, check the documentation about animations for more details. Animations

  5

  

  Menna Bashir•380

  @MennaBashirPosted 11 months ago

  @MaximilianoDanielGarcia Thank you very much. You are truly a brilliant developer. I wish you more success and progress

  1