×

Welcome to TagMyCode

Please login or create account to add a snippet.
0
0
 
0
Language: HTML
Posted by: elie vischel
Added: Jun 5, 2017 8:11 AM
Views: 6
type title
  1. <h1>BE <span id="typed" class="typed"></span></h1>
  2.  
  3. html {
  4.   height: 100%;
  5. }
  6.  
  7. h1 {
  8.   color: #ffffff;
  9.   font-size: 8vw;
  10.   letter-spacing: 6px;
  11. }
  12.  
  13. .typed {
  14.   border-bottom: 2px solid #ffffff;
  15. }
  16.  
  17. .typed-cursor {
  18.    opacity: 1;
  19.    animation: blink 0.7s infinite;
  20. }
  21.  
  22. @keyframes blink {
  23.   0% { opacity: 1; }
  24.   50% { opacity: 0; }
  25.   100% { opacity: 1; }
  26. }
  27.  
  28. @keyframes animate {
  29.   from {background-position:0 0;}
  30.   to {background-position: 500px 0;}
  31. }
  32.  
  33. $(function() {
  34.         $("#typed").typed({
  35.           strings: ["HAPPY","BRIGHT","YOU"],
  36.           typeSpeed: 200,
  37.       backDelay: 1500,
  38.       loop: true
  39.         });
  40. });