Breaking News: Grepper is joining You.com. Read the official announcement!

css visibility blink

AbhiTech : Tech News, Trick answered on February 12, 2023 Popularity 4/10 Helpfulness 2/10

answer css visibility blink

css visibility blink

Comment

.blink_me {
  background: red;
  height: 200px;
  width: 200px;
  -webkit-animation-name: toggle;
  -webkit-animation-duration: 5s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-name: toggle;
  -moz-animation-duration: 5s;
  -moz-animation-timing-function: linear;
  -moz-animation-iteration-count: infinite;
  animation-name: toggle;
  animation-duration: 5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

@keyframes toggle {
         from {
            visibility:hidden;
         }
     50% {
            visibility:hidden;
         }
     to {
            visibility:visible;
      }
 }
@-webkit-keyframes toggle {
         from {
            visibility:hidden;
         }
     50% {
            visibility:hidden;
         }
     to {
            visibility:visible;
      }
 }

Popularity 4/10 Helpfulness 2/10 Language css

Source: stackoverflow.com

Tags: blink css visibility

Link to this answer
Share Copy Link