Bu makalemizde de Css 3 Hover Geçiş  Efektlerine devam ederek 3D dönüşümleri (Transforms) konusunda örnek vermeye çalışacağım.

3D dönüşümleri de tıpkı 2D dönüşümlerine benzemektedir. Temel özelliklerine bakmak istersek;

translate3d, scale3d, rotateX, rotateY ve rotateZ dir.

Translate3d ve scale3d x, y ve z için 3 bağımsız değişken alırken döndürmeler yanlızca bir açı ile yapılmaktadır.

 JavaScript veya Jquery kullanılmadan tamamen Css le yapılan bu konuda ki örneğimizi aşağıda görebilirsiniz. 

 Fare ile üzerine gelerek ve uzaklaşarak deneyebilirsiniz.