How to add entrance effects to site title and discription

  • Resolved akshat2210

    (@akshat2210)


    3 years, 8 months ago

    I want to add entrance effects to the site title and site description in the global header is there a CSS script for that or how can I add it

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi,

    You can follow this article to know how to use the effect by using CSS code https://www.w3schools.com/css/css3_animations.asp.

    For example

    /* The animation code */
@keyframes example {
  from {background-color: red;}
  to {background-color: yellow;}
}

/* The element to apply the animation to */
.site-header .site-title,
.site-header .site-description {
  background-color: red;
  animation: example 5s linear 2s infinite alternate;
}
    Thread Starter akshat2210

    (@akshat2210)

    Actually, i want to add entrance animation to the heading like slide up or fade in

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to add entrance effects to site title and discription’ is closed to new replies.