(7 дек 2012, 23:31) (0/0)
[0]
Пылающий текст
#burning h1{color: #fff;text-shadow:0px-1px 4px white,0px-2px 10px yellow,0px-10px 20px #ff8000,0px-18px 40px red;font:80px\'BlackJackRegular\';}
Три тени-белые,желтые,красные-с увеличением вертикального смещения и размытости.
#burning h1{color: #fff;text-shadow:0px-1px 4px white,0px-2px 10px yellow,0px-10px 20px #ff8000,0px-18px 40px red;font:80px\'BlackJackRegular\';}
Три тени-белые,желтые,красные-с увеличением вертикального смещения и размытости.
(7 дек 2012, 23:27) (1/0)
[1]
Ну в общем то для наглядности то можно показать что не обязательно картинки в некоторых случаях грузить
(7 дек 2012, 23:25) (0/0)
[0]
Эффект \"Огни большого города\"
#citylights h1{color:#fff;text-shadow:0 0 5px#fff,0 0 1 0px#fff,0 0 15px #fff, 0 0 20px #ff2d95, 0 0 30px #ff2d95, 0 0 40px #ff2d95, 0 0 50px #ff2d95, 0 0 75px #ff2d95; letter-spacing: 5px; font: 80px \'MisoRegular\';}
Данный эффект использует 8 теней, не зачитываются, и все большее количество размытия.Первые три тени белый, как текст, остальные пять теней все розовые.
#citylights h1{color:#fff;text-shadow:0 0 5px#fff,0 0 1 0px#fff,0 0 15px #fff, 0 0 20px #ff2d95, 0 0 30px #ff2d95, 0 0 40px #ff2d95, 0 0 50px #ff2d95, 0 0 75px #ff2d95; letter-spacing: 5px; font: 80px \'MisoRegular\';}
Данный эффект использует 8 теней, не зачитываются, и все большее количество размытия.Первые три тени белый, как текст, остальные пять теней все розовые.
(7 дек 2012, 23:18) (3/0)
[3]
В данном примере использовался текст и собственные тени с помощью CSS .Помимо Letterpress эффект, все следующие примеры используют несколько теней, и будут работать только на следующих браузеров.
Firefox3.1+(Mac/Win/Lin)
Safari4+(Mac/Win)
Chrome(Mac/Win)
Opera9.5+(Mac/Win/Lin)
К сожалению,Internet Explorer(6/7/8)не поддерживает данные эффекты
Если вы не знакомы с текстовой тенью, вот пример и объяснение:
h1{text-shadow:-2px 2px3px#ff2d95;}
Объяснение: создается тень под h1 и смещает ее на 2px горизонтально, вертикально на 2px, размывает ее на 3px, и добавляет ей цвет розового цвета.
Классический пример Letterpress:
#letterpress h1{text-shadow:0px1px1px#4d4d4d;color:#222;font:80px\'LeagueGothicRegular\';}
Этот эффект очень просто создать. Чтобы создать внешний вид текста, который был бы штампом, нужно выбрать цвет текста, который темнее фона, а затем создать тень текста равной 1px с 1px размытием и смещением вниз на 1px. Сделать текст тени немного светлее, чем фон.
Firefox3.1+(Mac/Win/Lin)
Safari4+(Mac/Win)
Chrome(Mac/Win)
Opera9.5+(Mac/Win/Lin)
К сожалению,Internet Explorer(6/7/8)не поддерживает данные эффекты
Если вы не знакомы с текстовой тенью, вот пример и объяснение:
h1{text-shadow:-2px 2px3px#ff2d95;}
Объяснение: создается тень под h1 и смещает ее на 2px горизонтально, вертикально на 2px, размывает ее на 3px, и добавляет ей цвет розового цвета.
Классический пример Letterpress:
#letterpress h1{text-shadow:0px1px1px#4d4d4d;color:#222;font:80px\'LeagueGothicRegular\';}
Этот эффект очень просто создать. Чтобы создать внешний вид текста, который был бы штампом, нужно выбрать цвет текста, который темнее фона, а затем создать тень текста равной 1px с 1px размытием и смещением вниз на 1px. Сделать текст тени немного светлее, чем фон.
- 1 из 1
