LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code

This is a .

CSS
#word-holder:after {
  content: "dog";
  display: inline-block;
  color: red;
  vertical-align: bottom;
  animation: word-switcher infinite 8s ease;
}

@-webkit-keyframes word-switcher {
  0%  {content: "sentence"; opacity:0;}
  15% {content: "sentence"; opacity:1}
  19% {content: "sentence"; opacity:0;}
  20% {content: "thing that doesn't work on iOS"; opacity:0;}
  35% {content: "thing that doesn't work on iOS"; opacity:1;}
  39% {content: "thing that doesn't work on iOS"; opacity:0;}
  40% {content: "really long word"; opacity:0;}
  55% {content: "really long word"; opacity:1;}
  59% {content: "really long word"; opacity:0;}
  60% {content: "soda"; opacity:0;}
  75% {content: "soda"; opacity:1}
  79% {content: "soda"; opacity:0;}
  80% {content: "pop"; opacity:0;}
  95% {content: "pop"; opacity:1;}
  99% {content: "pop"; opacity:0;}
  100% {content: "pop"; opacity:0;}
}

@-moz-keyframes word-switcher {
  0%  {content: "sentence"; opacity:0;}
  15% {content: "sentence"; opacity:1}
  19% {content: "sentence"; opacity:0;}
  20% {content: "thing that doesn't work on iOS"; opacity:0;}
  35% {content: "thing that doesn't work on iOS"; opacity:1;}
  39% {content: "thing that doesn't work on iOS"; opacity:0;}
  40% {content: "really long word"; opacity:0;}
  55% {content: "really long word"; opacity:1;}
  59% {content: "really long word"; opacity:0;}
  60% {content: "soda"; opacity:0;}
  75% {content: "soda"; opacity:1}
  79% {content: "soda"; opacity:0;}
  80% {content: "pop"; opacity:0;}
  95% {content: "pop"; opacity:1;}
  99% {content: "pop"; opacity:0;}
  100% {content: "pop"; opacity:0;}
}

@keyframes word-switcher {
  0%  {content: "sentence"; opacity:0;}
  15% {content: "sentence"; opacity:1}
  19% {content: "sentence"; opacity:0;}
  20% {content: "thing that doesn't work on iOS"; opacity:0;}
  35% {content: "thing that doesn't work on iOS"; opacity:1;}
  39% {content: "thing that doesn't work on iOS"; opacity:0;}
  40% {content: "really long word"; opacity:0;}
  55% {content: "really long word"; opacity:1;}
  59% {content: "really long word"; opacity:0;}
  60% {content: "soda"; opacity:0;}
  75% {content: "soda"; opacity:1}
  79% {content: "soda"; opacity:0;}
  80% {content: "pop"; opacity:0;}
  95% {content: "pop"; opacity:1;}
  99% {content: "pop"; opacity:0;}
  100% {content: "pop"; opacity:0;}
}
Term
Fri, 01/12/2018 - 16:43

Related Codes

Pen ID
Pen ID
Pen ID
Square Adv