A kapcsolat hatása, amikor lebeg egy webhelyre
A helyszínen megjelenő stílus segítségével egyszerűen hatást gyakorolhatunk egy olyan link fölé, ahol könnyedén megmutathatod a színes árnyalatot, amelyet Ön maga ki fog tárni. Mivel a hálózatban különböző nézetek találhatók ebben a tervben, hogy amikor egy vonal lebegése megjelenik a bal vagy a jobb oldalon, de alatta, sokféle stílust kell elhelyeznie. Itt meg lehet mondani egy egyszerű utat, amely illeszkedik az egész designhoz, mivel színes színek lesznek a linken, vagy a benne levő néven.
Sötétebbé vagy világosabbá teheti, mivel az alapértelmezés szerint világoskék színű. Csak az összeköttetés az osztályhoz kapcsolódik, és működni fog. Ez a linkhatás egy oldalra tehető, és ez lesz a legfontosabb. Minden nagyon könnyű beállítani, és a telepítés nem nehéz, mivel kézzel történik a kulcsszó alatt a szükséges átmenethez. Mi több, a gyönyörű hatásra számítva, de azonnal világos, hogy rákattint az átmenetre
Ez egy ellenőrzés a teljesítményről, és így valóban akkor lesz, ha rákattintasz.
Folytassuk a telepítést.
cpojer-links a <
kijelző: inline-block;
párnázottság: 4px;
vázlat: 0;
szín: # 3a599d;
-webkit-átmeneti időtartam: 0.25s;
-moz-átmeneti időtartam: 0,25s;
-o-átmeneti időtartam: 0,25 s;
átmeneti időtartam: 0,25 s;
-webkit-transition-property: -webkit-transzformáció;
-moz-transition-property: -moz-transzformáció;
-o-átmeneti tulajdonság: -o-transzformáció;
átmenet-tulajdonság: transzformáció;
-webkit-transzformáció: skála (1 # 41; forgatás (0 # 41 ;;
-moz-transzformáció: lépték (1 # 41; forgatás (0 # 41 ;;
-o-transzformáció: lépték (1 # 41; forgatás (0 # 41 ;;
transzformáció: lépték (1 # 41; forgatás (0 # 41 ;;
>
.cpojer-links a: ugrás <
háttér: # 3a599d;
text-decoration: none;
szín: #fff;
-webkit-határ-sugár: 4px;
-Moz-határ-sugár: 4px;
-o-határ-sugár: 4px;
határ-sugár: 4px;
-webkit-transzformáció: lépték (1.05 # 41; forgatás (-1deg # 41 ;;
-Moz transzformáció: lépték (1.05 # 41; forgatás (-1deg # 41 ;;
-o-transzformáció: lépték (1,05 # 41; forgatás (-1deg # 41 ;;
transzformáció: lépték (1.05 # 41; forgatás (-1deg # 41 ;;
>
.cpojer-linkek a: nth-child (2n # 41 ;: lebeg <
-webkit-transzformáció: skála (1.05 # 41; forgatás (1deg # 41 ;;
-moz-transzformáció: skála (1.05 # 41; forgatás (1deg # 41 ;;
-o-transzformáció: lépték (1.05 # 41; forgatás (1deg # 41 ;;
transzformáció: lépték (1,05 # 41; forgatás (1deg # 41 ;;
>
1. Egy egyszerű linkre: