
אנימציות ב־Tailwind CSS: איך להוסיף חיים לעיצוב שלכם עם אפקטים פשוטים
הכירו את האנימציות המוגדרות מראש ב־Tailwind CSS, כמו פולסים, סיבובים והבהובים. תלמדו איך להוסיף ולהתאים אישית אנימציות בקלות ולהפוך את האתר לדינמי.
תוכן המאמר
דפי Html שנראים כמו אוהל של קניבלים הם לא התכונה היחידה שאנחנו מקבלים out of the box שאנחנו משתמשים בTailwind. 😎 הדבר שהכי בולט בספריה זה הניסיון לכוון לטעם הפופולארי של אספסוף המעצבים - צבעים, רדיוסים, הצללות ועוד... וכחלק מהניסיון הנהדר - המפתחים שם הוסיפו לנו כמה אנימציות פשוטות מוגדרות מראש. ובגלל שרוב הג'וניורים יעדיפו לחשב נפח של בריכת ילדים בצורת סקווידוויד באמצע אוגוסט מאשר ליצור אנימציות מאפס - יש פה ערך מוסף. ותחילה עיקרן: 🤩 1. פולסים 2. סיבוב 3. הבהוב 4. ניתור עליז אע? 😣 ס'תכלו בcodepen * כמוכן ניתן להוסיף הגדרות אנימציה חדשות, או אפילו ליצור keyframes מאפס בתוך הconfig. אז מה אומרים? מצאתם משהו שימושי שם?
שתף את המאמר
אודות הכותב
Yosefus Flavius
כותב הבלוג
