Futóvonal az oldalra a css használatával, a webhely tervezésével és fejlesztésével
Kedves napszak. 🙂
Nemrégiben megkértek, hogy rendezzenek egy futóvonalat a webhelyen. A probléma lényege az volt, hogy a személy frissíteni akarta a meglévő vonalat, amelyet egy elavult HTML címke segítségével szerveztek
Miért döntöttek úgy, hogy frissítik és átalakítják a meglévő vonalat. Az a tény, hogy korábban, futási sor létrehozásához egy HTML-címkét használtak, ami most már elavultnak és nem ajánlott használni, mert a HTML5-ben már nem létezik.
A böngészők továbbra is támogatják, de mennyi ideig fog feldolgozni a sávot? Ezért, annak érdekében, hogy ne kockáztasson, érdemes elhagyni, és ha a futó vonal még mindig szükséges az Ön számára, akkor ezt CSS-sel megteheti. Ennek az eredménye:
Amint láthatja, az eredmény megegyezik a régi címkecímke használatával. A kúszó vonalat nagyon egyszerűvé teszi. Be kell csatolnia az elemet, amelyiknek mozgatniuk kell a képernyőt a blokkban, amelyhez hozzárendeljük a címkeosztályt. A címkeblokkon belül mindent megtalálunk a címkén .
Ezután írjon stílusokat ehhez a blokkhoz, valamint az animációt, amely végrehajtja a vonal mozgását.
Számos fő paraméter van, a többiek már megváltoztathatják és kiegészíthetik sajátjukat. Először is, a szülőblokk stílusai.
- szélesség: 100%; - Állítsa be a szülőblokkhoz tartozó sáv szélességét.
- fehér-space: nowrap; - Nem engedjük, hogy a szavak átkerüljenek egy másik sorba.
- túlcsordulás: rejtett; - Vágjunk ki mindent, ami a blokkunkat futja egy futó vonalon, így nincsenek incidensek.
Következő stílusok a span számára:
- kijelző: inline-block; - csináljuk a spanline blokk elemet
- párnázás-balra: 100%; - Bal oldalt a szülőblokk teljes szélességébe helyezzük.
- -webkit-animáció és animáció - alkalmazzon animációt a blokkra. Az animáció időtartama 10 másodperc. A jelentést megváltoztathatod a sajátoddal.
- @ -webkit-keyframes jelölés és @ keyframes jelölés - maga az animáció.
Ez az alapvető paraméterekről szól. Mint fent említettük, hozzáadhatunk bármilyen más stílust.
Mégis sokan úgy vélik, hogy a futóvonal elavult elem. Végtére is, a HTML és a CSS fejlesztésével új lehetőségek nyíltak meg, és valamilyen animáció lett a webhelyen sokkal könnyebbé. A feltérképezési vonal egyszerűen elavult. De mindazonáltal sokan továbbra is használják, és a gyakorlat azt mutatja, hogy a tendenciák gyakran visszatérnek az egykor.
Ez minden, köszönöm a figyelmet. 🙂
Ha tudná használni a munkámat, támogathatja az oldalt :)
Helló kedves barátom
Van AdBlock kiterjesztése vagy hasonló. Adja hozzá webhelyemet a fehér listához, és ezzel hozzájáruljon annak fejlesztéséhez. Az AdBlock letiltásának utasításai ugyanazt az ablakot szeretném