Onaylı Üye
Merhabalar arkadaşlar, bu konumda sizlere sürekli renk değiştiren arka plan yapımını anlatıcam.
Öncelikle CSS ile backgroundumuzun rengini değiştirelim. Ben #2e2e2e renk kodunu kullandım.
Daha sonra keyframes ile bir animasyon yapalım. Bu konumuzda sadece background değiştirecez.
Ben bu aralıkları kısa tuttum siz dahada uzatabilirsiniz. İstediğiniz renkleri değiştirin.
Daha sonra bodymize animation kodunu ekliyecez ve bodymizin son hali bu şekilde olacak.
Ben 5 saniyede tamamlanmasını ve sonsuz şekilde devam etmesini istedim. Bu animasyonun saniyesi size bağlı isterseniz değiştirebilirsiniz.
Öncelikle CSS ile backgroundumuzun rengini değiştirelim. Ben #2e2e2e renk kodunu kullandım.
CSS:
body {
background: #2e2e2e;
}Daha sonra keyframes ile bir animasyon yapalım. Bu konumuzda sadece background değiştirecez.
CSS:
@keyframes color-wave {
0% {
background: #ffd65b;
}
25% {
background: #d4ff56;
}
50% {
background: #5fff56;
}
75% {
background: #56ffe8;
}
100% {
background: #568eff;
}
}Ben bu aralıkları kısa tuttum siz dahada uzatabilirsiniz. İstediğiniz renkleri değiştirin.
Daha sonra bodymize animation kodunu ekliyecez ve bodymizin son hali bu şekilde olacak.
CSS:
body {
background: #2e2e2e;
animation: color-wave 5s infinite;
}Ben 5 saniyede tamamlanmasını ve sonsuz şekilde devam etmesini istedim. Bu animasyonun saniyesi size bağlı isterseniz değiştirebilirsiniz.
