how can ı add this ?

Ahmet Kara

• December 08, 2023 13:02

https://codepen.io/alvarotrigo/pen/PoKMyzO

ı want to add this css text animate to my h1 title.

ı copied css text and paste it to my theme additional css.

then ı copied html id class to my h1 title css class but it didnt work. how can ı copy paste cleary to my theme this ? 

0

• 

  KC George

  • December 08, 2023 14:16
  • Edited

  Hi Ahmet,

  I have added this code to a Brizy page here https://brizy.tech/waterwave/  Please follow the procedure in this screen recording https://jmp.sh/rb0LjnSr

  Add this code to the Embed element

  <div class="content">
          <h2>Kemi</h2>
          <h2>Kemi</h2>
  </div>

  Add this code to the Custom CSS

  element  {
  position: relative;
  }
  
  element h2 {
  color: #fff;
  font-size: 8em;
  position: absolute;
  transform: translate(-50%, -50%);
  }
  
  element h2:nth-child(1) {
  color: transparent;
  -webkit-text-stroke: 2px #03a9f4;
  }
  
  element h2:nth-child(2) {
  color: #03a9f4;
  animation: animate 4s ease-in-out infinite;
  }
  
  @keyframes animate {
  
  0%,
  100% {
  clip-path: polygon(
  0% 45%,
  16% 44%,
  33% 50%,
  54% 60%,
  70% 61%,
  84% 59%,
  100% 52%,
  100% 100%,
  
  0% 100%
  );
  }
  50% {
  
  clip-path: polygon(
  0% 60%,
  15% 65%,
  34% 66%,
  51% 62%,
  67% 50%,
  84% 45%,
  100% 46%,
  100% 100%,
  
  0% 100%
  );
  }
  }

   

  0
• 

  Ahmet Kara

  • December 09, 2023 00:01

  Thank you

  0

Please sign in to leave a comment.