WEB-нотатки - записник он-лайн

3D-текст за допомогою CSS3

Використаємо декілька CSS3 для створення 3D-тексту на будь-якому елементі HTML. Без додаткових HTML тегів, картинок, без додаткового головного болю.

Працює в останніх збірках Safari, Chrome, Firefox, Opera.

Ось приклад:

Code

h1 {
  text-shadow: 0 1px 0 #ccc,
  0 2px 0 #c9c9c9,
  0 3px 0 #bbb,
  0 4px 0 #b9b9b9,
  0 5px 0 #aaa,
  0 6px 1px rgba(0,0,0,.1),
  0 0 5px rgba(0,0,0,.1),
  0 1px 3px rgba(0,0,0,.3),
  0 3px 5px rgba(0,0,0,.2),
  0 5px 10px rgba(0,0,0,.25),
  0 10px 10px rgba(0,0,0,.2),
  0 20px 20px rgba(0,0,0,.15);
}

ДЕМО