Monday, November 5, 2018

HTML CCS RAINBOW TEXT SIMPLE EDITING


CSS RAINBOW TEXT

Tulisan Rainbow Text


copy code css di bawah ini lalu letakan saja
di bagian sebelum code ]]></b:skin>  penutup yang terdapat
pada template blogger seperti gambar di bawah ini...



{{ copy css }}


@import url(https://fonts.googleapis.com/css?family=Pacifico);
@import url('https://fonts.googleapis.com/css?family=Anton');

h1,h2{
  text-align:left;
}

h1{
  color:rgba(100, 50, 255, .8);
  font-family: 'Pacifico', cursive;
  color:#212121;
}
.rainbow {
  
   /* Font options */
  font-family: 'Pacifico', cursive;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  
   /* Chrome, Safari, Opera */
  -webkit-animation: rainbow 3s infinite; 
  
  /* Internet Explorer */
  -ms-animation: rainbow 3s infinite;
  
  /* Standar Syntax */
  animation: rainbow 3s infinite; 
}

/* Chrome, Safari, Opera */
@-webkit-keyframes rainbow{
  0%{color: orange;} 
  10%{color: purple;} 
 20%{color: red;}
 40%{color: yellow;}
 60%{color: green;}
 100%{color: blue;}
 100%{color: orange;} 
}

/* Internet Explorer */
@-ms-keyframes rainbow{
  0%{color: orange;} 
  10%{color: purple;} 
 20%{color: red;}
 40%{color: yellow;}
 60%{color: green;}
 100%{color: blue;}
 100%{color: orange;} 
}

/* Standar Syntax */
@keyframes rainbow{
  0%{color: orange;} 
  10%{color: purple;} 
 20%{color: red;}
 40%{color: yellow;}
 60%{color: green;}
 100%{color: blue;}
 100%{color: orange;}
}


.container{
  background-color:#E0F2F1;
  padding:10px;
  border:2px solid black;
  border-radius:15px;
}


{{ html code }}


copy this html code then paste it in the html javascript section
copy code html ini lalu pastekan di bagian html javascript




Previous Post
Next Post