API tools faq
paste
Gator_Bks

Script Animasi Teks Warna - Warni

Gator_Bks
Feb 26th, 2020 (edited)
343
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 9.22 KB | Source Code | 0 0
raw download clone embed print report
  1. <style type="text/css">
  2.     *{
  3.         margin:0;
  4.         padding:0;
  5.         -webkit-box-sizing:border-box;
  6.         -moz-box-sizing:border-box;
  7.         -ms-box-sizing:border-box;
  8.         -o-box-sizing:border-box;
  9.         box-sizing:border-box
  10.     }
  11.     [class^=letter]{
  12.         -webkit-transition:opacity 3s ease;
  13.         -moz-transition:opacity 3s ease;
  14.         transition:opacity 3s ease;
  15.     }
  16.     .letter-0{
  17.         transition-delay:.4s;
  18.     }
  19.     .letter-1{
  20.         transition-delay:.4s;
  21.     }
  22.     .letter-2{
  23.         transition-delay:.4s;
  24.     }
  25.     .letter-3{
  26.         transition-delay:.4s;
  27.     }
  28.     .letter-4{
  29.         transition-delay:4s;
  30.     }
  31.     .letter-5{
  32.         transition-delay:4s;
  33.     }
  34.     .letter-6{
  35.         transition-delay:4s;
  36.     }
  37.     .letter-7{
  38.         transition-delay:4s;
  39.     }
  40.     .letter-8{
  41.         transition-delay:4s;
  42.     }
  43.     .letter-9{
  44.         transition-delay:4s;
  45.     }
  46.     .letter-10{
  47.         transition-delay:4s;
  48.     }
  49.     .letter-11{
  50.         transition-delay:4s;
  51.     }
  52.     .letter-12{
  53.         transition-delay:4s;
  54.     }
  55.     .letter-13{
  56.         transition-delay:4s;
  57.     }
  58.     .letter-14{
  59.         transition-delay:4s;
  60.     }
  61.     h1,h2{
  62. /*      visibility:hidden;*/
  63.         -webkit-transform:translate3d(0,0,0);
  64.         -moz-transform:translate3d(0,0,0);
  65.         transform:translate3d(0,0,0)
  66.     }
  67.     h1.transition-in,h2.transition-in{
  68.         visibility:visible;
  69.     }
  70.     h1 [class^=letter],h2 [class^=letter]{
  71.         opacity:0;
  72.     }
  73.     h1.transition-in [class^=letter],h2.transition-in [class^=letter]{
  74.         opacity:1;
  75.     }
  76.     #container{
  77.         display:table;
  78.         position:absolute;
  79.         z-index:20;
  80.         width:100%;
  81.         height:100%;
  82.         text-align:center;
  83.     }
  84.     #container>div{
  85.         display:table-cell;
  86.         vertical-align:middle;
  87.     }
  88.     #container p{
  89.         position:absolute;
  90.         width:100%;
  91.         left:0;
  92.         bottom:25px;
  93.         font-size:.8em;
  94.         letter-spacing:.1em;
  95.         font-weight:300;
  96.         color:#76747a;
  97.         -webkit-font-smoothing:subpixel-antialiased;
  98.         font-smoothing:subpixel-antialiased;
  99.     }
  100.     #container p strong{
  101.         color:#b3abc5;
  102.     }
  103.     #container p span{
  104.         font-size:.75em;
  105.         padding:0 2px;
  106.     }
  107.     #canvas{
  108.         position:absolute;
  109.         z-index:10;
  110.         top:0;
  111.         left:0;
  112.         width:100%;
  113.         height:100%;
  114.         cursor:none
  115.     }
  116.     #stats{
  117.         position:absolute;
  118.         z-index:10;
  119.         left:10px;
  120.         top:10px
  121.     }
  122.     .dg.ac{
  123.         z-index:100!important;
  124.     }
  125.     .STYLE4{
  126.         color:#FFF;
  127.     }
  128. </style>
  129.  
  130.  
  131. <script>
  132.     farbbibliothek = new Array();
  133.     farbbibliothek[0] = new Array(
  134.         // Gradasi Merah ke Kuning
  135.         "#FF0000", // Merah
  136.         "#FF1100", // Merah Gelap
  137.         "#FF2200", // Merah Tua
  138.         "#FF3300", // Merah Bata
  139.         "#FF4400", // Tomat
  140.         "#FF5500", // Oranye Merah
  141.         "#FF6600", // Oranye Gelap
  142.         "#FF7700", // Oranye
  143.         "#FF8800", // Emas
  144.         "#FF9900", // Kuning Gelap
  145.         "#FFaa00", // Kuning Tua
  146.         "#FFbb00", // Kuning
  147.         "#FFcc00", // Kuning Terang
  148.         "#FFdd00", // Emas Terang
  149.         "#FFee00", // Kuning Muda
  150.         "#FFff00" // Kuning Cerah
  151.     );
  152.     farbbibliothek[1] = new Array(
  153.         // Hijau dan Hitam
  154.         "#0080FF", // Biru Terang
  155.         "#0080FF", // Biru Terang
  156.         "#0080FF", // Biru Terang
  157.         "#0080FF", // Biru Terang
  158.         "#0080FF", // Biru Terang
  159.         "#0080FF", // Biru Terang
  160.         "#0080FF", // Biru Terang
  161.         "#0080FF", // Biru Terang
  162.         "#0080FF", // Biru Terang
  163.         "#0080FF", // Biru Terang
  164.         "#0080FF", // Biru Terang
  165.         "#0080FF", // Biru Terang
  166.         "#0080FF", // Biru Terang
  167.         "#0080FF", // Biru Terang
  168.         "#0080FF", // Biru Terang
  169.         "#C000FF", // Magenta Terang
  170.         "#C000FF", // Magenta Terang
  171.         "#C000FF", // Magenta Terang
  172.         "#C000FF", // Magenta Terang
  173.         "#C000FF", // Magenta Terang
  174.         "#C000FF", // Magenta Terang
  175.         "#C000FF", // Magenta Terang
  176.         "#C000FF" // Magenta Terang
  177.     );
  178.     farbbibliothek[2] = new Array(
  179.         // Hijau dan Merah
  180.         "#FF0000", // Merah
  181.         "#FF0000", // Merah
  182.         "#FF0000", // Merah
  183.         "#FF0000", // Merah
  184.         "#FF0000", // Merah
  185.         "#FF0000", // Merah
  186.         "#0080FF", // Biru Terang
  187.         "#0080FF", // Biru Terang
  188.         "#0080FF", // Biru Terang
  189.         "#0080FF", // Biru Terang
  190.         "#0080FF", // Biru Terang
  191.         "#0080FF", // Biru Terang
  192.         "#0080FF", // Biru Terang
  193.         "#0080FF", // Biru Terang
  194.         "#0080FF", // Biru Terang
  195.         "#0080FF" // Biru Terang
  196.     );
  197.     farbbibliothek[3] = new Array(
  198.         // Warna Pelangi
  199.         "#FF0000", // Merah
  200.         "#FF4000", // Oranye Merah
  201.         "#FF8000", // Oranye
  202.         "#FFC000", // Emas
  203.         "#FFFF00", // Kuning
  204.         "#C0FF00", // Hijau Kuning
  205.         "#80FF00", // Hijau Terang
  206.         "#40FF00", // Hijau Muda
  207.         "#00FF00", // Hijau
  208.         "#00FF40", // Hijau Laut
  209.         "#00FF80", // Hijau Laut Terang
  210.         "#00FFC0", // Cyan Terang
  211.         "#00FFFF", // Cyan
  212.         "#00C0FF", // Biru Cyan
  213.         "#0080FF", // Biru Terang
  214.         "#0040FF", // Biru
  215.         "#0000FF", // Biru Gelap
  216.         "#4000FF", // Indigo
  217.         "#8000FF", // Ungu Terang
  218.         "#C000FF", // Magenta Terang
  219.         "#FF00FF", // Magenta
  220.         "#FF00C0", // Magenta Gelap
  221.         "#FF0080", // Ungu Gelap
  222.         "#FF0040" // Ungu
  223.     );
  224.     farbbibliothek[4] = new Array(
  225.         // Gradasi Merah ke Hitam
  226.         "#FF0000", // Merah
  227.         "#EE0000", // Merah Tua
  228.         "#DD0000", // Merah Tua
  229.         "#CC0000", // Merah Tua
  230.         "#BB0000", // Merah Tua
  231.         "#AA0000", // Merah Tua
  232.         "#990000", // Merah Tua
  233.         "#880000", // Merah Tua
  234.         "#770000", // Merah Tua
  235.         "#660000", // Merah Tua
  236.         "#550000", // Merah Tua
  237.         "#440000", // Merah Tua
  238.         "#330000", // Merah Tua
  239.         "#220000", // Merah Tua
  240.         "#110000", // Merah Tua
  241.         "#000000", // Hitam
  242.         "#110000", // Merah Tua
  243.         "#220000", // Merah Tua
  244.         "#330000", // Merah Tua
  245.         "#440000", // Merah Tua
  246.         "#550000", // Merah Tua
  247.         "#660000", // Merah Tua
  248.         "#770000", // Merah Tua
  249.         "#880000", // Merah Tua
  250.         "#990000", // Merah Tua
  251.         "#AA0000", // Merah Tua
  252.         "#BB0000", // Merah Tua
  253.         "#CC0000", // Merah Tua
  254.         "#DD0000", // Merah Tua
  255.         "#EE0000", // Merah Tua
  256.         "#000000" // Hitam
  257.     );
  258.     farbbibliothek[5] = new Array(
  259.         //
  260.         "#000000", // Hitam
  261.         "#000000", // Hitam
  262.         "#000000", // Hitam
  263.         "#FFFFFF", // Putih
  264.         "#FFFFFF", // Putih
  265.         "#FFFFFF" // Putih
  266.     );
  267.     farbbibliothek[6] = new Array(
  268.         //
  269.         "#FF0080", // Ungu Gelap
  270.         "#FF0080", // Ungu Gelap
  271.         "#FF0080", // Ungu Gelap
  272.         "#FF0080", // Ungu Gelap
  273.         "#FF0080", // Ungu Gelap
  274.         "#FF0080", // Ungu Gelap
  275.         "#0000FF", // Biru Gelap
  276.         "#0000FF", // Biru Gelap
  277.         "#0000FF", // Biru Gelap
  278.         "#0000FF" // Biru Gelap
  279.     );
  280.     farbbibliothek[7] = new Array(
  281.         //
  282.         "#00dbdb", // Cyan
  283.         "#00afdb", // Biru Muda
  284.         "#0083db", // Biru
  285.         "#0058db", // Biru
  286.         "#002cdb", // Biru
  287.         "#2c00db", // Biru
  288.         "#5800db", // Biru
  289.         "#8300db", // Biru
  290.         "#af00db", // Ungu
  291.         "#db00db" // Ungu
  292.     );
  293.     farbbibliothek[8] = new Array(
  294.         //
  295.         "#ffd8f4", // Merah Muda
  296.         "#ffcff2", // Merah Muda
  297.         "#ffc6f0", // Merah Muda
  298.         "#ffbded", // Merah Muda
  299.         "#ffb4eb", // Merah Muda
  300.         "#ffabe8", // Merah Muda
  301.         "#ffa2e6", // Merah Muda
  302.         "#ff99e3", // Merah Muda
  303.         "#ff90e1", // Merah Muda
  304.         "#ff87de", // Merah Muda
  305.         "#ff7edc", // Merah Muda
  306.         "#ff75d9", // Merah Muda
  307.         "#ff6cd7", // Merah Muda
  308.         "#ff63d5", // Merah Muda
  309.         "#ff5ad3", // Merah Muda
  310.         "#ff51d1", // Merah Muda
  311.         "#ff48cf", // Merah Muda
  312.         "#ff3fcd", // Merah Muda
  313.         "#ff36cb", // Merah Muda
  314.         "#ff2dc9", // Merah Muda
  315.         "#ff24c7", // Merah Muda
  316.         "#ff1bc5", // Merah Muda
  317.         "#ff12c3", // Merah Muda
  318.         "#ff09c1", // Merah Muda
  319.         "#f600b8", // Magenta
  320.         "#ed00b1", // Magenta
  321.         "#e400aa", // Magenta
  322.         "#db00a3", // Magenta
  323.         "#d2009c", // Magenta
  324.         "#c90095", // Magenta
  325.         "#c0008e", // Magenta
  326.         "#b70087", // Magenta
  327.         "#ae0080", // Magenta
  328.         "#a50079", // Magenta
  329.         "#9c0072", // Magenta
  330.         "#93006b", // Magenta
  331.         "#8a0064", // Magenta
  332.         "#81005d", // Magenta
  333.         "#780056", // Magenta
  334.         "#6f004f", // Magenta
  335.         "#660048", // Magenta
  336.         "#5d0042", // Magenta
  337.         "#54003b", // Magenta
  338.         "#4b0035", // Magenta
  339.         "#42002f", // Magenta
  340.         "#390028" // Magenta
  341.     );
  342.     farben = farbbibliothek[3];
  343.     function farbschrift(){
  344.         for(var i=0 ; i<Buchstabe.length; i++){
  345.             document.all["a"+i].style.color=farben[i];
  346.         }
  347.         farbverlauf();
  348.     }
  349.     function string2array(text){
  350.         Buchstabe = new Array();
  351.         while(farben.length<text.length){
  352.             farben = farben.concat(farben);
  353.         }
  354.         k=0;
  355.         while(k<=text.length){
  356.             Buchstabe[k] = text.charAt(k);
  357.             k++;
  358.         }
  359.     }
  360.     function divserzeugen(){
  361.         for(var i=0 ; i<Buchstabe.length; i++){
  362.             // Font Face Text
  363.             document.write("<font face='monotype corsiva' size=30><span id='a"+i+"' class='a"+i+"'>"+Buchstabe[i] + "</span></font>");
  364.         }
  365.         farbschrift();
  366.     }
  367.     var a=1;
  368.     function farbverlauf(){
  369.         for(var i=0 ; i<farben.length; i++){
  370.             farben[i-1]=farben[i];
  371.         }
  372.         farben[farben.length-1]=farben[-1];
  373.         setTimeout("farbschrift()",30);
  374.     }
  375.     var farbsatz=1;
  376.     function farbtauscher(){
  377.         farben = farbbibliothek[farbsatz];
  378.         while(farben.length<text.length){
  379.             farben = farben.concat(farben);
  380.         }
  381.         farbsatz=Math.floor(Math.random()*(farbbibliothek.length-0.0001));
  382.     }  
  383.     setInterval("farbtauscher()",5000);
  384.     text= "NADHIF FERNANDA ZAHID";
  385. </script>
  386.  
  387. <span class='newclass'>
  388.     <script type="text/javascript">
  389.         string2array(text);
  390.         divserzeugen();
  391.     </script>
  392. </span>
  393.  
  394. <script type="text/javascript"><!--
  395.     var message="Sorry, right-click has been disabled";
  396.     function clickIE(){
  397.         if(document.all){
  398.             (message);
  399.             return false;
  400.         }
  401.     }
  402.     function clickNS(e){
  403.         if(document.layers||(document.getElementById&&!document.all)){
  404.             if(e.which==2||e.which==3){
  405.                 (message);
  406.                 return false;
  407.             }
  408.         }
  409.     }
  410.     if(document.layers){
  411.         document.captureEvents(Event.MOUSEDOWN);
  412.         document.onmousedown=clickNS;
  413.     }
  414.     else{
  415.         document.onmouseup=clickNS;
  416.         document.oncontextmenu=clickIE;
  417.     }
  418.     document.oncontextmenu=new Function("return false")
  419. </script>
Tags: html CSS js
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!