Animasyonlu halini görmek için,
https://sorhadi.net/d/57523-site-kurallari-ve-site-ile-ilgili-butun-detaylar
Yapmanız gereken, Harici CSS bölümüne aşağıdaki kodları eklemektir.
*, *::before, *::after {
box-sizing: border-box;
}
@keyframes rotate {
100% {
transform: rotate(1turn);
}
}
.ReplyPlaceholder:hover {
border-color: #080808;
}
.ReplyPlaceholder {
position: relative;
z-index: 0;
width: auto;
height: 150px;
border-radius: 10px;
overflow: hidden;
&::before {
content: '';
position: absolute;
z-index: -2;
left: -50%;
top: -50%;
width: 200%;
height: 200%;
background-color: #399953;
background-repeat: no-repeat;
background-size: 50% 50%, 50% 50%;
background-position: 0 0, 100% 0, 100% 100%, 0 100%;
background-image: linear-gradient(#399953, #399953), linear-gradient(#fbb300, #fbb300), linear-gradient(#d53e33, #d53e33), linear-gradient(#377af5, #377af5);
animation: rotate 10s linear infinite;
}
&::after {
content: '';
position: absolute;
z-index: -1;
left: 4px;
top: 2px;
width: calc(99%);
height: calc(98%);
background: white;
border-radius: 25px;
}
}
