Mi itt a szép design css linkek, ha lebeg

Gyönyörű hatásai linkek CSS

A HTML-ben ezekben a kísérletekben, én csak csatlakozni egy stíluslapot, kérje kódolt és tesz egy linket. Minden munkát a CSS. A bemutató a hatások láthatjuk megy ezen az oldalon

Lassan behúzható aláhúzás

Ez az első hatás, ami azt megmutatom.

A hatás önmagában végre az választó „a: hover”. Ez ál amely az elemei, amikor lebeg az egér kurzor. Ezután állítsa a keret alulról, vastagsága 5 pixel, lila.

Most nézd meg a hatást is. Vigyük a kurzort a link. Óvatosan bukkan aláhúzás. Ez lesz szebb, mint az alapértelmezett aláhúzás! Hasonlóképpen, akkor meg a határt a bal, jobb vagy felső, és lehet akár minden oldalon.

Húzza az alsó aláhúzás

Ez a hatás egy kicsit nehezebb megvalósítani, de úgy néz ki, nagyon szép.

Alapvonal referencia módok meghatározása ugyanaz, mint az előző példában. Ezután létre kell hozni egy ál-elem. Ez lesz a kiemelése. Beállítja a színt, szélesség és magasság. Tartalom megjelenítésére tulajdon és biztos, hogy azt mutatják, hogy az ál helyesen jelenik meg.

Ezután meg kell regisztrálnia késleltetés (írtam 1,2 másodperc), tegye a homály, hogy 0, az elem nem látható hiányában útmutatást a link. Az utolsó dolog, amit meg fog tenni - átalakulással mozgassa az elemet le 30 képpont.

Ahhoz, hogy a hatás, és most már csak meg kell változtatni a homály, hogy 1 (teljesen átlátszatlan elem), és vissza az elem az eredeti helyére. Így, mivel ez a késedelem, változás következik be tulajdonságok simán és látni fogja, hogy fokozatosan felé mozdult hangsúlyozva a link.

Sima kiterjesztése az előremenő kapcsolat

Alapvető stílusok egy link nem változik. Jelölést lehet tenni több, ha akarja.

A növekedés linkek

Hosszának növelése a link

Biztos lehet benne, hogy, ha lebeg betűtávolságok nagyobb lesz.

A lassú megjelenése a háttérszín

Ez is nagyon egyszerű megvalósítani:

A referencia hover fokozatosan jelennek meg sárga alapon. Természetesen hozzá lehet rendelni minden szín

Természetesen ez nem minden hatása. Miközben beszéltem csak a legegyszerűbb. El tudod képzelni, akkor lehet, hogy fejlettebb. Többet, hogy a következő alkalommal.

Ön is érdekelt

Ma a cikk egy ilyen piti téma, de talán valaki közületek hasznos lesz. -ban

Ma, azt javaslom, hogy egy szép keresési forma a CSS. Elfogadom, a szokásos regisztrációs űrlapok

Hello. Egy nagyon hosszú ideig nem írt hozzászólásokat a témában a munka html / css. Legutóbb csak most kezdődött

Minden megengedett. Ma fogok írni egy nagyon érdekes cikk arról, hogyan kell csinálni a css

Üdvözlégy. Úgy tűnik, az oldalakon a blog, én még nem ismertetett, hogyan lehet