Mobile First. Animation

Community feedback

• 

  Miassa•100

  @Miassa35Posted about 2 years ago

  Congratulation @Enmanuel-Otero-Montano for your work i really liked your avatar animation, concerning the body background, I can suggest a simpler solution which is to define several backgrounds in the background-image property and center the card with flexbox as follows:

  body{
      min-height: 100vh;
      background-color: var(--bg-color);
      font-family: var(--main-ff);
      overflow: hidden;
      background-image: url(images/bg-pattern-top.svg), url(images/bg-pattern-bottom.svg);
      background-repeat: no-repeat;
      background-position: right 52vw bottom 35vh, left 48vw top 52vh;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  

  I hope my feedback will help you

  0