Css - Страница 28

Записи, помеченные ‘css’

Лаконичный и современный основной раздел сайта с использованием CSS3

Продолжая тему лаконичной и современной шапки сайта, в этом уроке мы рассмотрим самые основные элементы страницы, такие как блоки и формы. На наш взгляд, совершенно одинаковые блоки — это не очень интересно, так что мы создали четыре типа блоков с разными заголовками и подписями. А так же для примера дизайна форм мы создали форму обратной связи. Так [...]
Далее... Нет комментариев »
Создание адаптивного веб-дизайна для меню, изображений и рекламы

Этот урок — продолжение темы урока Адаптивный веб-дизайн с использованием CSS3. Мы уже объяснили, как создать простую адаптивную веб-страницу с помощью CSS3 и библиотеки JavaScript Modernizr для ранних версий браузеров. В этом уроке мы хотим показать, как создать адаптивное сворачивающееся меню, изображения и рекламу для разных устройств.
Далее... 1 Комментарий »
Создание анимированной галереи изображений с использованием CSS3

В этом уроке мы покажем интересные возможности CSS3. Мы создадим трехмерную галерею изображений с помощью свойств трансформаций CSS3 для движка WebKit. В демонстрации Вы увидите свободно летающий трехмерный объект с фотографиями. Наш пример работает только в браузерах, использующих движок WebKit, таких как Chrome, Safari и Opera.
Далее... 13 Комментариев »
Выпадающее многоуровневое меню с использованием CSS3

Все так же популярны меню на чистом CSS3. В основном это меню на структуре ul – li. В этом уроке мы продолжим создавать интересные меню. Это меню будет выпадающим многоуровневым, а его вложенные уровни будут появляться не при наведении указателя мыши, а при нажатии на пункт меню. Вот каким будет конечный результат нашей работы:
Далее... 1 Комментарий »
Создание лаконичной и современной шапки сайта с использованием CSS3

Думали ли Вы о изменении шапки своего сайта? Как известно, шапка — наиболее важная часть любого сайта. В первую очередь все пользователи обращают внимание на эту часть сайта. И чем она более опрятная и четкая, тем лучше остается мнение о сайте у посетителей. В этом уроке мы покажем, как создать высококачественную современную шапку для сайта. В шапке [...]
Далее... 5 Комментариев »
Создание верстки целой страницы «Robo Splash»

В этом уроке мы рассмотрим, как создать верстку страницы «Robo Splash». Это интересная страница на HTML5 и CSS3, которую можно использовать для создания веб-сайта. Давайте разберемся и узнаем, как создать подобную страницу.
Далее... 1 Комментарий »
Создание анимированного меню с использованием CSS3

В этом уроке мы создадим интересное анимированное меню с помощью CSS3. У этого меню будет два уровня. По умолчанию будут видны отдельные небольшие верхние элементы меню. При наведении указателя мыши на такой элемент появятся вложенные элементы первого уровня. А если навести указатель мыши на другие элементы — откроются их вложенные пункты меню. Давайте приступим!
Далее... 2 Комментариев »
Создание буквицы с использованием CSS3

Этот урок посвящен дизайну. Мы расскажем, как создать интересные буквицы с помощью CSS3. Вы точно видели подобные большие буквы в книгах сказок для детей. Особенно в старых изданиях. Чтобы создать такой эффект, некоторые вебмастера помещают первые буквы в отдельные элементы и применяют к ним особые стили. Но с помощью CSS3 можно сделать по-другому. Можно воспользоваться псевдоклассом [...]
Далее... Нет комментариев »
Проверка поддержки свойств CSS с помощью правила @supports

Давайте рассмотрим следующий отрывок кода CSS: «.blur-text { color: transparent; text-shadow: 0 0 5px #000; }». К любому элементу класса .blur-text применится эффект размытого текста, например:
Далее... Нет комментариев »