Template:PGPS Cell: Difference between revisions

From Books
Jump to navigation Jump to search
No edit summary
No edit summary
Line 34: Line 34:
}
}
         </style>
         </style>
        <div style="overflow: hidden; resize:both;  border:solid; background-color: white; width: 1000px; height: 450px;"  >
             <div class="pg-psoa-cell"><span style="position:absolute; width: 100%; height: 100%; text-align: center;  padding: 15px 0; "><a href="xxx">PU/CL</a></span>
             <div class="pg-psoa-cell"><span style="position:absolute; width: 100%; height: 100%; text-align: center;  padding: 15px 0; "><a href="xxx">PU/CL</a></span>
                 <div class="pg-psoa-action-chaser; visibility: hidden;" style="rotate: 0deg;" >
                 <div class="pg-psoa-action-chaser; visibility: hidden;" style="rotate: 0deg;" >
Line 53: Line 52:
                 </div>
                 </div>
             </div>
             </div>
        </div>

Revision as of 18:43, 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>