Powiększanie się czcionki podczas zajścia hover'a

pytanie zadane 28 grudnia 2017 w HTML i CSS przez Mikołaj Użytkownik (780 p.)

Witam,

Chciałbym wykonać skrypt, dzięki któremu, po najechaniu na kafelek, fontello w nim się powiększy. Napisałem w hover'ze "font-size: 90px;", ale to nie działa. Poniżej wklejam kod, pierwszy z fontello.css, a drugi z css'a strony. Z góry dziękuję

}
 
.icon-user:before { content: '\e800'; font-size: 80px; margin-top: 31px; margin-left: 75px; text-align: center;} /* '' */
.icon-calendar:before { content: '\e801'; font-size: 80px; margin-top: 31px; margin-left: 75px; text-align: center;} /* '' */
.icon-tw:before { content: '\f099'; font-size: 60px; margin-top: 41px; margin-left: 20px; text-align: center;} /* '' */
.icon-gplus:before { content: '\f0d5'; font-size: 60px; margin-top: 41px; margin-left: 20px; text-align: center;} /* '' */
.icon-desktop:before { content: '\f108';font-size: 80px; margin-top: 31px; margin-left: 75px; text-align: center;} /* '' */
.icon-dollar:before { content: '\f155';font-size: 80px; margin-top: 31px; margin-left: 75px; text-align: center;} /* '' */
.icon-youtube-play:before { content: '\f16a'; font-size: 60px; margin-top: 41px; margin-left: 20px; text-align: center;} /* '' */
.icon-facebook:before { content: '\f30c'; font-size: 60px; margin-top: 41px; margin-left: 20px; text-align: center;} /* '' */

.yt
{
	margin: 10px;
	width: 105px;
	height: 142px;
	background-color: #d94348;
	float: left;
}

.fb
{
	margin: 10px;
	width: 105px;
	height: 142px;
	background-color: #4668b3;
	float: left;
}

.tw
{
	margin: 10px;
	width: 105px;
	height: 142px;
	background-color: #00aced;
	float: left;
}

.gplus
{
	margin: 10px;
	width: 105px;
	height: 142px;
	background-color: #d34836;
	float: left;
}

.yt:hover
{
	font-size: 90px;
	background-color: #f16560;
}

.fb:hover
{
	font-size: 90px;
	background-color: #6880d5;
}

.tw:hover
{
	font-size: 90px;
	background-color: #22ceff;
}

.gplus:hover
{
	font-size: 90px;
	background-color: #f56058;
}

komentarz 28 grudnia 2017 przez Bazinga Bywalec (2,120 p.)

.yt:hover:before 
{
    font-size:90px;
}

Teraz działa?

komentarz 28 grudnia 2017 przez Mikołaj Użytkownik (780 p.)

Nie

komentarz 28 grudnia 2017 przez Patryk L Bywalec (2,000 p.)

A .yt:before:hover

{...}

komentarz 28 grudnia 2017 przez mi-20 Stary wyjadacz (13,250 p.)

spróbuj tak:

.yt.icon-youtube-play:hover{
   font-size:10px;
}

komentarz 28 grudnia 2017 przez mi-20 Stary wyjadacz (13,250 p.)

samo

.yt:hover{}

też powinno działać

komentarz 28 grudnia 2017 przez Patryk L Bywalec (2,000 p.)

Mi-20 raczej nie będzie ponieważ w fontello jest to zrobione w taki sposób że te obrazki które się pojawiają są w :before więc raczej się nie powiększy