Template:PGPS Cell: Difference between revisions

From Books
Jump to navigation Jump to search
No edit summary
No edit summary
Line 1: Line 1:
 
      <style>
        <style>
             div.pg-psoa-cell{
             div.pg-psoa-cell{
                 position: relative;
                 position: relative;
Line 22: Line 21:
                 background: linear-gradient(to right, #d2d1d4, rgb(12, 1, 1));
                 background: linear-gradient(to right, #d2d1d4, rgb(12, 1, 1));
                 animation: pg-chaser-horizontal 2s linear infinite;
                 animation: pg-chaser-horizontal 2s linear infinite;
             }
             }      
           
             @keyframes pg-chaser-horizontal{
             @keyframes pg-chaser-horizontal{
                 0%{
                 0%{
                     transform: translateX(-100%);
                     transform: translateX(-100%);
                 }
                 }
                 100%{
                 100%{
                     transform: translateX(0%);
                     transform: translateX(0%);

Revision as of 18:46, 14 February 2023

     <style>
           div.pg-psoa-cell{
               position: relative;
               width: 100px;
               height: 50px;
               border: 0px solid black;
               background-color: #d2d1d4;
           }
           div.pg-psoa-action-chaser {
               width: 100%;
               height: 10%;
               border: 0;
               overflow: hidden;
           }
           div.pg-psoa-action-animation {
               position: absolute;
               height: 100%;
               width: 100%;
               border: 0;
               background: linear-gradient(to right, #d2d1d4, rgb(12, 1, 1));
               animation: pg-chaser-horizontal 2s linear infinite;
           }       
           @keyframes pg-chaser-horizontal{
               0%{
                   transform: translateX(-100%);
               }
               100%{
                   transform: translateX(0%);
           	}

}

       </style>
<a href="xxx">PU/CL</a>