↓ De asemenea, veți fi interesat de ↓
- Simple pictograme cu efectul poziționării cu + 17 opțiuni
- Butoane CSS3 - stiluri creative de 30 de butoane!
- Butoane CSS3 "Bubble" cu bule de animație!
- Buton activat / dezactivat (caseta de selectare / caseta de selectare) pe CSS3
- Descărcați grafice PSD de vânzare pentru proiectele dvs. în 4 culori
- Efectul CSS3 când treceți peste imagine + 5 exemple!
În acest articol, vom analiza crearea unui buton non-standard, și anume un buton rotund CSS cu un efect de fundal frumos. Singurul lucru pe care acest buton nu se potrivește cu o mulțime de text, dar dacă doriți, acest punct poate fi rafinat. Sarcina noastră principală este un buton rotund pe CSS3.
Ce vom face exact? Un buton rotund cu o stea înăuntru. Și, bineînțeles, atunci când treceți peste ea, vom face o animație - rotația acestei stele (cu un impuls mic), și vom adăuga, de asemenea, apariția de text suplimentar.
Bază HTML
Vom avea trei etichete de span. Ultima etichetă este un text ascuns afișat când cursorul mouse-ului se termină.
Articole similare
Trimiteți-le prietenilor: