CSS 3

Используя новейшие технологии и программные продукты, веб-студия «Paraus» создаёт сайты, которые популярны как среди пользователей, так и среди поисковых систем. Для поисковиков не играет роли, как внешне выглядит сайт, их интересует только содержимое. Внешняя красота важна для пользователя. Чем красивей и эффектней оформление, тем больше пользователей станут постоянными посетителями ресурса.

Для наведения красоты применяют различные параметры форматирования, добавляют динамические объекты, кнопки. Для облегчения работы с внешним видом файлов создан язык CSS (каскадные таблицы стилей). CSS является формальным языком, который служит для описания внешнего вида страниц языками разметки: HTML и XHTML (XML). С помощью CSS задаются размеры шрифтов, цвета, расположение элементов и другие параметры внешнего вида веб страниц.

Использование CSS даёт следующие преимущества:

  • единое оформление, которое облегчает восприятие многостраничных сайтов, упрощает пользователю работу с ними, разработчикам легче работать над дизайном веб страниц;
  • одна таблица стилей даёт возможность управлять отображением большого количества документов;
  • легкость хранения внешнего вида веб-страниц;
  • упрощение редактирования за счёт хранения таблиц стилей в виде отдельных файлов;
  • большие возможности по оформлению элементов страниц (шрифт, удачное сочетание тонов, анимация и др.).

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

Язык CSS 3 предоставляет новые возможности:

  • создание элементов, у которых сглажены углы;
  • более гибкое оформление фоновой картинки элементов;
  • лёгкий эффект тени у элементов и текста;
  • применение редких шрифтов;
  • применение анимации и эффектов перехода.

Все новые возможности CSS 3 мы применяем для разработки веб-проектов. Созданные страницы красиво оформлены, информация расположена оптимально, удобна для восприятия пользователя. Анимационные эффекты привлекают внимание посетителей сайта.

Мы сможем сделать ваш сайт красивым и эффектным!

Пример использования

Исходный код

HTML-код

<div class="block-container">
    <div class="block">Наведи на меня!</div>
</div>

CSS-код

.block-container {
    position: relative;
    height: 115px;
    background: #ccc;
    border: 1px solid grey;
}
.block {
    position: absolute;
    display: inline-block;
    left: 30px;
    top: 40px;
    padding: 5px;
    border: 1px solid grey;
    border-radius: 5px;
    background-color: white;
    font-weight: bold;
    cursor: pointer;
    -webkit-transition-property: left, padding, -webkit-transform;
    -webkit-transition-duration: 2s, 2s, 1s;
    -webkit-transition-timing-function: ease-out, linear, ease-in-out;
    -webkit-transition-delay: 0, 0, 1s;
}
.block:hover {
    padding: 5px 50px;
    left: 200px;
    -webkit-transform: rotate(360deg);
}

Результат

Наведи на меня!