Hogyan hozzunk létre egy villogó szöveget css régi és az új utat
Szia, kedves olvasók a blogomban. Ma megmutatom, hogyan lehet a CSS villogó szöveget. Valójában ez elég könnyű megvalósítani, most megmutatom neked a helyes utat.
Régi és rossz opció
Tehát, mielőtt villogó szöveget lehet beállítani az ingatlan:
Mindannyian, webmesterek és a fejlesztők folyamatosan dolgoznak a telek. Szeretném, ha ajánlani a helyszínen, hogy élvezi magát:- Reg.ru - rögzíti, és meghosszabbítja domain nevek, egy nagyon megbízható cég!
- HostIQ - tárhely prémium minőségű.
- Ihor - több költségvetési, hanem nagyon magas színvonalú internetes tárhely szolgáltató.
- Telderi.ru - az egyetlen megbízható csere RuNet, ahol lehet kapni kész weboldalak bevételt!
Azonban IE nem támogatja ezt a funkciót. Ezen kívül rosszul működik, és a modern böngészők. De a legnagyobb probléma ennek a módszernek az, hogy ha csak nem módosíthatja a villogó, válassza ki a színt, frekvencia, stb Most fogjuk vizsgálni a módszer, amely figyelembe veszi mindezt, és lehetővé teszi, hogy egy nagyon rugalmas felállított villog.
Mi köze animáció
Fogjuk használni az animációt, akkor létre kell hoznia egy sor keretek, leírja a hatást, majd alkalmazza azt a kívánt elemet. Többet animáció, írok a jövőben, de ma én csak fog mutatni a recepción. Tehát mi, így a szöveg színe megváltozik, és ez történik minden alkalommal. Készítsen egy sor keretek:
Ez a kód van írva a CSS fájlt egy tetszőleges helyre. Ez a következőket jelenti: az elején az animáció (a kulcsszót), a szöveg színe fehér lesz, és a végén - zöld. Most képek jönnek létre, és csatlakoztatni kell őket a szöveget. Például a HTML-kód egy ilyen darab:
Egység néhány alapvető tulajdonságait, de nem velük. Társítani a képeket az elem meg kell írni a következőket:
animáció-name: blink;
animáció-időtartam: 1s;
Ez két szükséges tulajdonságokat animációs munka. Mint bizonyára emlékeznek rá, mi neveztük el kulcskockákat - villog. így ez az érték írva a neve. Az időtartam a végrehajtás a teljes animáció. A kisebb ez, annál gyorsabb lesz. Ennek megfelelően, ha tesz 0,2 másodperc, a villogó nagyon gyors és éles.
Most, ha újra az oldalt, az animáció fog futni, de csak egyszer, és valójában kell villogni. Hajtják végre, meg kell, hogy egy végtelen ismétlése az animációt. Ehhez adjuk hozzá a következő kódot:
Ez a tulajdonság a felelős az ismétlések számát az animáció. Itt lehet beállítani a számértéket, hanem végtelen halmazok végtelen replay. Tehát, mi végre villog. Mivel úgy néz ki, láthatjuk itt:
Ha szüksége van egy transzfúzió több színben, egyszerűen meg tudjuk változtatni a kereteket:
Most a szín a szöveg első fehér, majd a szürke, a végén - fekete. Tetszőleges egyéb hatások szöveg, aláhúzott, változtassa meg a jelet, árnyékok, stb Ha azt szeretnénk, hogy minden az animáció tulajdonságait kapható régebbi verziói böngészők, szükséges megismételni azokat az előtag -webkit.