השתמש בקודי HTML מגניבים לאתר

instagram viewer

כדי להפוך את האתר שלך ליצירתי אתה יכול להשתמש בקודי HTML פשוטים. תוכל לברר אילו אפשרויות יש לך כאן ליצירת אפקטים מגניבים ללא סקריפטים נוספים.

צור אפקטים מגניבים בעזרת HTML
צור אפקטים מגניבים בעזרת HTML

צור תנועות מגניבות

אם אתה רוצה לעצב את הטקסטים שלך בצורה אחרת לאתר שלך, אתה יכול לעשות דברים מגניבים עם קודי HTML קטנים צור אפקטים של תנועה מבלי להיעזר בשפות סקריפט כגון jQuery או JavaScript חייב.

  • לדוגמה, אם ברצונך להעביר טקסט, תוכל לעשות זאת באמצעות התג "מרקיזה", לפיו עליך לציין את הכיוון עבור "כיוון". לדוגמה, אם אתה רוצה שהטקסט "אני זז" ינוע משמאל לימין, כתוב:
    אני זז.
  • הטקסט בקצה הימני של התמונה ייעלם ואז יופיע שוב משמאל. אם אתה מעדיף לעצב טקסט שממשיך לנוע קדימה ואחורה, כתוב במקום זאת:
    אני זז.
  • אתה יכול "להשתתף" גם בשביל קבצי תמונות על ידי שילוב קובץ תמונה בתוך שני התגים, למשל על ידי כתיבת "Bewegungs.jpg" עבור התמונה:
    תמונה זזה
    .
  • אתה יכול גם ליצור אפקט מהבהב מגניב על ידי עיכוב הטקסט עם "scrolldelay" ודהייה מהירה מאוד עם "scrollamount":
    אני ממצמצת.
  • אז שימו קישור רק על חלק מהתמונה

    אתה מתכנת את האתר שלך בעצמך ב- HTML ורוצה קישור לאתר ...

קודי HTML עבור רקעים וקישורים

אתה יכול גם לעצב בצורה מרשימה את הרקע של האתר שלך או קטעי טקסט בודדים עם קודי HTML קטנים.

  • לדוגמה, אם אתה משתמש בתמונת רקע לאתר שלך, תוכל להשתמש בקוד HTML עבורו בקלות: להשתמש. עליך לוודא שהתמונה שנבחרה גדולה כראוי ושאתה מחליף את תג הגוף המקורי בקוד.
  • ניתן גם להציג תמונת רקע עבור מעברי טקסט מסוימים או להגדיר צבע רקע מסוים. לדוגמה, כדי להשתמש בתמונה "text.jpg" כרקע לטקסט "טקסט רקע", כתוב טקסט רקע. השתמש לצבע רקע שחור טקסט רקע.
  • אם ברצונך להציג טקסט עבור טקסט, תמונה או קישור ברגע המבקר עם עכבר מעביר את זה, אתה יכול להגדיר את זה עם התכונה "כותרת". עבור טקסט, השתמש שוב בתג span, לדוגמה הטקסט שלך. במקרה של קישור או תמונה, יהיה עליך להוסיף רק "כותרת" לתג המתאים, למשל קישור אוֹ תמונה.

עד כמה אתה מוצא מאמר זה מועיל?

click fraud protection