הטית תלת מימד של אלמנטים במעבר עכבר

בהדרכה הזאת נראה איך ליצור הטית תלת מימד של אלמנטים במעבר עכבר.
למרות שיש כבר אפשרות כזאת באלמנטור (פרו), הבעיה באלמנטור שההטיה קורה במעבר עכבר בכל המסך, לעומת זאת אנחנו מעוניינים שזה יהיה רק במעבר עכבר על האלמנט המסוים.

אז פשוט נוסיף אלמנט לעמוד, זה יכול להיות קונטיינור או כפתור וכד’, ניתן לו את הקלאס my-tilt ואז נוסיף את הקוד הבא (JS).
(אפשר לשחק עם המספר “1000” לקבלת מידת הטיה רצויה – ככל שהמספר נמוך, ההטיה גדולה יותר).

				
					<script src="https://cdnjs.cloudflare.com/ajax/libs/tilt.js/1.2.1/tilt.jquery.min.js"></script>
<script>
jQuery(document).ready(function($){
$('.my-tilt').tilt({
perspective:1000
});
});
</script>
				
			
וככה זה נראה

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *

פעם בשבוע אני שולח ניוזלטר
עם כל המאמרים החדשים באתר
מעניין אותך?