ניסיתי לחפש ולא מצאתי משהו (אולי כי אני לא כל כך יודעת להגדיר את סוג האינמציה..)אתם רוצים ליצור אנימציה פשוטה על טקסט?
באנימציות פשוטות, אתם יכולים לעשות את זה בCSS, וזה גם עדיף על האנימציות של אנגולר (המבוססות על JS) שנתמכות פחות וגם קצת פחות מהירות.
תכתבו בגוגל (באנגלית כמובן) את סוג האנימציה שאתם רוצים + CSS ותקבלו דוגמאות קוד לרוב.
אתם יכולים לנסות לכתוב גם כאן בצורה מפורטת יותר את האנימציה אותה אתם צריכים.
תראו את הדוגמה הזאתניסיתי לחפש ולא מצאתי משהו (אולי כי אני לא כל כך יודעת להגדיר את סוג האינמציה..)
האינמציה שאני רוצה:
יש לי מילה שנמצאת בגובה מסוים ואני רוצה שטיפול מהגובה הזה לתחתית העמוד או הפוך נמצאת בתחתית העמוד ומטפסת למיקום מסוים שאני יגדיר לה
ואני רוצה שיראו תמסלול לא שתקפוץ מנקודה אחת לאחרת
אשמח אם מישהו יוכל להגדיר לי איך זה נקרא? או לתת קישור
ממש יעזור
תודה רבה!!
<html>
<div class="object">
טקסט לדוגמא
</div>
<style>
.object {
animation: MoveUpDown 1s linear infinite;
position: absolute;
left: 0;
bottom: 0;
}
@keyframes MoveUpDown {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-100px);
}
}
</style>
</html>
וואי תודהHTML:<html> <div class="object"> טקסט לדוגמא </div> <style> .object { animation: MoveUpDown 1s linear infinite; position: absolute; left: 0; bottom: 0; } @keyframes MoveUpDown { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-100px); } } </style> </html>
בתגית ה style זה ה CSS, אפשר לכתוב אותו בקובץ נפרדוואי תודה
בדיוק מה שאני צריכה
רק כמה שאלות על הקוד:
1. כל מה שבתוך התגית STYLE אני יכולה לרשום ב CSS? ( מה מומלץ??)
2. ואיפה ההגדרה של נקודת ההתחלה והסיום
ואני גם רוצה שיפסיק - יגיע לנקודת הסיום ויעצור
בקוד הספציפי הזה האלמנט ירד למטה ויעלה חזרה למעלה.0%, 100% { transform: translateY(0); }
@keyframes MoveUpDown {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-1000px);
}
אפשר להוסיף את המאפיין animation-delay לעיצוב של האובייקט.עוד שאלה:
אם יש לי כמה טקסטים שאני מציגה אותם ב NGFOR ואני רוצה שהטקסט הבא בתור יתחיל לזוז שהטקסט הקודם הגיע למקומו הסופי - איך אני מגדירה את זה?
תודה רבה
אין אפשרות לעשות את זה במשהו כמו FOR ?אפשר להוסיף את המאפיין animation-delay לעיצוב של האובייקט.
בשביל כמה אלמנטים משתמשים ב nth-child ולכל אחד נותנים את ה delay המתאים.
ב CSS זה בלתי אפשרי, ב SCSS כן.אין אפשרות לעשות את זה במשהו כמו FOR ?
יש לי מערך של מילים וכל מילה אמורה להיות מוצגת עם הבדלים של כמה סנטימטרים מהמילה הקודמת
חבל לי לעשות על כל איבר עיצוב בנפרד
יש דרך ב CSS שהמיקום יהיה i שגדל - שיהיה קשר נגיד בין ה i במערך שמתקדם לבין המיקום?
מקווה שהייתי מובנת..
תודה רבה
איך ב SCSS?ב CSS זה בלתי אפשרי, ב SCSS כן.
אפשר ב- TS או עם Jquery.
איך ב SCSS?
נראה שכןלא התעמקתי. רק מלמעלה, בתקווה שזה באמת מתאיםIs there a way to use the "n" value in :nth-child(n)?
I want to create a fold effect. Fiddle There are 4 blue cards, so I created 4 classes to set the location. I want to make it smarter, in case there would be more than 4 cards. In CSS, I tried thi...stackoverflow.com
לוח לימודים
מסלולי לימוד שאפשר לההצטרף
אליהם ממש עכשיו:
4.06
כ"ז אייר
סילבוס חדש ל-2024!
קורס פיתוח ובניית אתרים
קריירה מתקדמת, ביקוש עצום, וממוצע משכורות גבוה במיוחד!
מלגות גבוהות ומשתלמות!
2.06
כ"ה אייר
פתיחת מסלול
קורס עריכת וידאו
מלגות והנחות משמעותיות!
4.06
כ"ז אייר
#רקבפרוג
הרצאה מרתקת:
הכירו את טווינמושן
עם גל אקסלרוד
עולם מטורף משל הדמיות! ממשק חדשני שמאפשר לבצע הדמיה כמעט כמו משחק מחשב
לתלמידים ובוגרים בלבד!
27.06
כ"א סיוון
פתיחת מסלול
עיצוב ואדריכלות פנים
מלגות גבוהות!
27.06
כ"א סיוון
השקה חגיגית!
עיצוב גרפי ודיגיטל - בסילבוס חדש ומטורף!
מלגות גבוהות!
תהילים פרק קמז
א הַלְלוּיָהּ כִּי טוֹב זַמְּרָה אֱלֹהֵינוּ כִּי נָעִים נָאוָה תְהִלָּה:ב בּוֹנֵה יְרוּשָׁלִַם יְהוָה נִדְחֵי יִשְׂרָאֵל יְכַנֵּס:ג הָרֹפֵא לִשְׁבוּרֵי לֵב וּמְחַבֵּשׁ לְעַצְּבוֹתָם:ד מוֹנֶה מִסְפָּר לַכּוֹכָבִים לְכֻלָּם שֵׁמוֹת יִקְרָא:ה גָּדוֹל אֲדוֹנֵינוּ וְרַב כֹּחַ לִתְבוּנָתוֹ אֵין מִסְפָּר:ו מְעוֹדֵד עֲנָוִים יְהוָה מַשְׁפִּיל רְשָׁעִים עֲדֵי אָרֶץ:ז עֱנוּ לַיהוָה בְּתוֹדָה זַמְּרוּ לֵאלֹהֵינוּ בְכִנּוֹר:ח הַמְכַסֶּה שָׁמַיִם בְּעָבִים הַמֵּכִין לָאָרֶץ מָטָר הַמַּצְמִיחַ הָרִים חָצִיר:ט נוֹתֵן לִבְהֵמָה לַחְמָהּ לִבְנֵי עֹרֵב אֲשֶׁר יִקְרָאוּ:י לֹא בִגְבוּרַת הַסּוּס יֶחְפָּץ לֹא בְשׁוֹקֵי הָאִישׁ יִרְצֶה:יא רוֹצֶה יְהוָה אֶת יְרֵאָיו אֶת הַמְיַחֲלִים לְחַסְדּוֹ:יב שַׁבְּחִי יְרוּשָׁלִַם אֶת יְהוָה הַלְלִי אֱלֹהַיִךְ צִיּוֹן:יג כִּי חִזַּק בְּרִיחֵי שְׁעָרָיִךְ בֵּרַךְ בָּנַיִךְ בְּקִרְבֵּךְ:יד הַשָּׂם גְּבוּלֵךְ שָׁלוֹם חֵלֶב חִטִּים יַשְׂבִּיעֵךְ:טו הַשֹּׁלֵחַ אִמְרָתוֹ אָרֶץ עַד מְהֵרָה יָרוּץ דְּבָרוֹ:טז הַנֹּתֵן שֶׁלֶג כַּצָּמֶר כְּפוֹר כָּאֵפֶר יְפַזֵּר:יז מַשְׁלִיךְ קַרְחוֹ כְפִתִּים לִפְנֵי קָרָתוֹ מִי יַעֲמֹד:יח יִשְׁלַח דְּבָרוֹ וְיַמְסֵם יַשֵּׁב רוּחוֹ יִזְּלוּ מָיִם:יט מַגִּיד (דברו) דְּבָרָיו לְיַעֲקֹב חֻקָּיו וּמִשְׁפָּטָיו לְיִשְׂרָאֵל:כ לֹא עָשָׂה כֵן לְכָל גּוֹי וּמִשְׁפָּטִים בַּל יְדָעוּם הַלְלוּיָהּ: