CSS'de move Nedir?

CSS'de move, bir öğenin hareketini belirlemek için kullanılan bir özelliktir. Bu özellik ile bir öğeyi belirli bir yönde hareket ettirebilirsiniz. Move özelliği, diğer CSS animasyonları ile birleştirilerek daha kompleks hareketler yaratabilirsiniz.
Move özelliği, transform özelliği altında yer alır ve onun bir alt öğesi olarak düşünülebilir. Move özelliği kullanılarak bir öğenin konumunu değiştirebilirsiniz. Bu özellik, 2D bir ortamda hareketi tanımlamak için kullanılır.
Move özelliğini kullanırken, x ve y eksenlerinde birkaç değer kullanabilirsiniz. Bu değerler, öğenin belirli bir yönünde hareket etmesini sağlar. Örneğin, move(10px, 20px) kullanarak bir öğenin sağa 10 piksel ve aşağı 20 piksel hareket etmesini sağlayabilirsiniz.
Aşağıdaki örnekte, bir kutuyu move özelliği kullanarak sağa doğru hareket ettiriyoruz.
```css
.box {
position: relative;
left: 0;
top: 0;
animation: move-right 2s forwards;
}
@keyframes move-right {
from {
left: 0;
}
to {
left: 200px;
}
}
```
Yukarıdaki örnekte, kutu için bir temel stil belirledik ve kutunun ilk pozisyonunu sol üst köşede belirledik. Daha sonra, bir animasyon yarattık ve move-right adını verdik. Bu animasyon, kutunun sola doğru 200 piksel hareket etmesini sağlar. Bu animasyon, 2 saniye sürer ve forwards anahtar kelimesi kullanılarak animasyonun sonunda kutunun yeni pozisyonunun kalıcı olmasını sağlar.
CSS'de move özelliği genellikle animasyonlarla birlikte kullanılır ve bu animasyonlar, farklı nesnelerin hareketlerini, ölçeklerini ve dönüşlerini kontrol etmenizi sağlar. Move özelliği, web sitenizdeki öğelerin animasyonlarını kolayca oluşturmak için çok yararlı bir özelliktir.