Архивы HTML и CSS приемы - Page 2 of 11 - Xiper
19 слов о разделе:
- масса проверенных техник и приемов
- четкая логическая структура
- рабочие примеры
- понятный, “легкий” текст
- детали и нюансы применения
- экономия времени
-
CSS 3D лента
добавленоРеализуем ленту с эффектом 3D на чистом CSS. Для этого придется воспользоваться целой комбинацией приемов, но результат того стоит.
-
Блоки равной высоты в строке
добавленоВыравниваем по высоте блоки, находящиеся в одной строке (высота блоков зависит от содержимого).
-
@font-face в деталях
добавлено@font-face — достаточно сложная декларация. Зачастую она просто копипастится с Typekit не вникая, что из той кучи строк реально нужно для своего проекта. Попробуем в этом вопросе разобраться.
-
RGBA — CSS полупрозрачность
добавлено -
Не подгружаются шрифты @font-face
добавленоПроблема может возникнуть в некоторых версиях Opera и похоже из-за какого-то бага обработки ttf шрифтов.
-
Аккордеон на чистом CSS3
добавленоУ тебя есть много контента, мало места и при этом совершенно нет желания жертвовать юзабилити. Значит тебе нужен аккордеон. А еще лучше — аккордеон на CSS3!
-
Текст с CSS градиентом
добавленоКроссбраузерное решение для градиента в тексте без JavaScript.
-
Масштабирование и PIE
добавленоО баге IE7-8 при масштабировании, если у элемента задана фоновая картинка и к нему применен PIE.
-
Необычные тени с CSS3 box-shadow
добавленоВиртуозное владение CSS3-техниками box-shadow позволяет сделать даже такую неравномерную тень без картинок!
-
CSS3 всплывающие подсказки
добавленоРеализуем всплывающую подсказку на чистом CSS без скриптов и картинок.
-
Контур для текста
добавлено -
Резиновое меню из блоков
добавленоО том как сделать резиновое меню, которое занимает всю доступную ширину родителя. При этому пункты меню должны быть прижаты друг к другу: меню как бы в виде блоков. И при этом не использовать таблицы и Javascript.
-
Эффект отражения
добавленоКак на CSS, с небольшой помощью Javascript, создать эффект отражения для текста.
-
Баг с текстом при применении Alpha фильтра
добавленоРешаем проблему в IE с искаженным текстом при применении Alpha фильтра.
-
О кроссбраузерности placeholder
добавленоО том как placeholder может добавить головной боли.