1 декабря 2011 г.

6 CSS3 эффектов тени для текста

Простая тень
text-shadow: 5px 5px 0 #ddd;



Размытая тень
text-shadow: 5px 5px 7px #959595;

Внутренняя тень
background:#444; color:black; text-shadow: 0 1px 2px #8a8a8a;

Несколько теней
text-shadow: 9px 9px 0 #4cb9d1, -9px -9px 0 #ff50a9;

3D тень
text-shadow: 1px 1px #eee, 2px 2px #161616, 3px 3px #161616, 4px 4px #161616, 5px 5px #161616, 6px 6px #161616, 7px 7px #161616, 8px 8px #161616;

Эффект свечения
background:black; text-shadow: 0 0 5px #a0fff8, 0 0 10px #4dfff2, 0 0 15px #41fff2, 0 0 20px #2afff0, 0 0 25px #2bfff0, 0 0 30px #00feec, 0 0 35px #00f7e6;

Комментариев нет:

Отправить комментарий