Kétféleképpen készíthetsz egy feliratnak körvonalat, az egyik az, hogy a text-shadow-t használod a másik pedig, hogy ezt a kódot:
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: black;
Meghatározod, hogy mekkora legyen a körvonal és, hogy milyen színű. Firefoxban sajnos nem működik :((((
Egészen extra dolgokat lehet vele művelni, hogyha összekötöd a text-shadow-al.
FIGYELEM! Nagyban függ az eredmény a betűtípustól, ha vékonyka eleve lehet, hogy a sima színe a betűnek nem fog látszódni csak a körvonal.
Sima 1px körvonal példa:
példa
Extrás felirat
példa
Pontos kódja a 2. példának ha használnád:
-webkit-text-stroke: 2px #28C9A1;
text-shadow:
3px 3px 0 #28C9A1,
-1px -1px 0 #28C9A1,
1px -1px 0 #28C9A1,
-1px 1px 0 #28C9A1,
1px 1px 0 #fff!important;
|