Записи с меткой CSS

Страница 3

Как создать кнопки web 2.0 при помощи CSS3

Очень часто при разработке сайтов нужно использовать стильные и современные кнопки. Например кнопки в стиле Web 2.0 особенно популярны. Сделать такую кнопку не сложно, достаточно нарисовать её в Photoshop, и использовать полученные изображения для создания иллюзии кнопки. Однако с появлением CSS, процесс создания стильных кнопок и вовсе упростился. Достаточно описать в CSS правила для скруглённых...

- далее -

Как создать цветные метки при помощи CSS

CSS заметно облегчает жизнь веб разработчикам и создателям сайтов, особенно третья редакция с поддержкой всевозможных градиентов, скруглённых углов, анимаций, теней и много другого. Теперь на создание элементов, где ранее использовались хитрости с графикой, уходит минимум времени и средств. Достаточно для тэга назначить стиль, а в стиле прописать нужные правила. И нужный эффект создаст уже сам...

- далее -

Как красиво использовать свойство border

Дорогие друзья, сегодня хотел бы поделиться с вами некоторыми приемами работы с CSS. CSS очень мощный инструмент и часто мы не используем очень полезные возможности. Сегодня посмотрим как можно украсить ваши блоки на странице при помощи свойства border. Если кто не знаком с этим свойством, советую ознакомиться с ним в спецификации CSS. А сегодня мы...

- далее -

Как создать hover эффект для изображения используя CSS3

Дорогие друзья, сегодня хочу поделиться с вами интересным CSS эффектом, который вы легко можете применить при работе над своими проектами. Назвал я его hover эффект для изображения используя CSS3. Сегодня попробуем несколько разнообразить наши изображения. Придадим им немного динамики. это очень оживит ваш сайт. Суть эффекта в том, чтобы заставить изображение немного увеличиваться в размере,...

- далее -

Хитрости CSS которые вы должны знать

Дорогие друзья, сегодня хотел бы обратить внимание на некоторые моменты работы со стилями. Все вы наверное часто сталкиваетесь с таблицами каскадных стилей или CSS. Чтобы успешно работать с CSS нужна практика и знание некоторых особенностей поведения браузеров. Из-за того, что разные браузеры отображают вашу страничку по разному, вы должны сделать так, что бы она выглядела...

- далее -

Трансформация ссылок при помощи CSS3

Дорогие друзья, сегодня хотел бы показать вам, как можно украсить ваши ссылки в меню или в тексте. Я говорю о трансформации ссылок. Многие могут подумать, что для достижения такого эффекта нужно использовать JavaScript. Однако все намного проще. Мы будем использовать только таблицы каскадных стилей CSS3. Правда 3 версии. Работать этот эффект будет во всех последних...

- далее -

Стилизация элемента ввода с помощью CSS3

Стилизация элементов ввода является обычной задачей для веб-разработчиков. Для того, чтобы значительно улучшить внешний вид элементов ввода можно использовать, например, стилизованные под элементы ввода изображения в качестве фона. На изображениях легко добавлять цвет, градиент, углы с плавными радиусами, тени и т.д. Все это хорошо, но все же, загрузка изображений это какой-никакой трафик, и благодаря тому...

- далее -

Реалистичный Hover эффект с JQuery

Дорогие друзья, сегодня хочу показать Вам интересный эффект, который можно применить в своей работе. Сам эффект описан на многих сайтах. Привожу его здесь, просто что бы напомнить, как легко можно выполнить такую анимацию.  Анимацию в этом эффекте создаёт jquery.  Вот как это выглядит:...

- далее -

Оформляйте списки используя только CSS

В наши дни необычайно широко используются списки HTML (<ol> для упорядоченного списка, <ul> для неупорядоченного списка). Однако эти простые списки можно стилизовать, что бы улучшить восприятие или вписать их в дизайн. Ниже приведены 8 простых стилей для списков HTML, использующих только CSS. Применение CSS техник позволит создать вместо скучного списка потрясающий элемент дизайна, а иногда...

- далее -

Полезные шорткоды CSS

Если Вы позиционируете себя как вэб разработчик, то вы должны знать как важно создавать кросс браузерный, CSS и xHTML валидный код. Все эти приёмы хорошо описаны и многие скажут, что ничего нового я не открыл. Просто хотел освежить в голове и поделиться с тем, кто может быть этого ещё не знает. Повторение, как говорят, позволяет...

- далее -