Template:PGPS Cell: Difference between revisions
Jump to navigation
Jump to search
Wikiadmin1 (talk | contribs) No edit summary |
Wikiadmin1 (talk | contribs) No edit summary |
||
| Line 1: | Line 1: | ||
<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>