Введите ваш адрес почты


sdcvoy.ru
Понравился сайт? Поделись с друзьями!

Width, height и depth?

Глубина в CSS3

Эта статья будет отличаться от других. Но что если в будущем будет именно так? А чём это я? Может кто-то скажет что это бред сумасшедшего да и только. Про высоту (height) и ширину (width) я уже писал в учебнике по CSS, а про глубину (depth) ни слово. Вы скажете, что такого свойства нет и ...

@font-face

@font-face в CSS3

Интересным правилом является @font-face. Оно заставляет использовать любой шрифт на сайте. Вообще тема шрифтов очень обширна. Шрифты помогают выделить текст, обозначить заголовок или начало абзаца. Также благодаря шрифту вы можете улучшить восприятие контента на своём сайте. Ну давайте вернёмся ...

Translate, scale в CSS3

scale, translate

Здравствуйте, дорогие мои читатели. Помните я как-то писал статью про куб на CSS3. Сегодня мы тоже будем строить куб, но в отличие от предыдущего я не буду использовать поворот граней с помощью свойства skew. Вместо этого я использую две функции трансформации translate и rotate. А потом мы ...

Rotate. Трансформации в CSS3

perspective

Сегодня я решил начать серию уроков про трансформации в CSS3. В этом уроке мы познакомимся со свойством rotate. Но для начала нужно узнать как вызвать функцию трансформации. Вызывается она очень просто с помощью свойства transform, причём можно задавать сразу несколько значений трансформации через ...

Создание фотографий с помощью CSS3

Фото на CSS3

Как и обещал в предыдущей статье, эта статья будет необычной. Сегодня я расскажу вам, как можно с помощью стилей CSS3 создать симпатичные на мой взгляд фотографии. Скажу что данный пример, который тут будет показан не мой. Вот ссылка на первоисточник: Polaroids with CSS3. Текст оригинальной статьи ...

Использование псевдокласса :nth-child

Псевдокласс :nth-child

В этой статье я первый раз напишу про использование псевдокласса :nth-child. Он используется для добавления стиля к выбранному элементу на основе дерева нумерации элементов. Немного сложное определение. Проще сказать, что обычно он добавляет стиль тем элементам, которые находятся внутри какого-то ...

Используем attr() для оформления изображений

функция attr()

Раньше я почти бездумно смотрел примеры сделанные на CSS3 и даже не думал, как это делается. И вот совсем недавно меня посетила одна мысль, а почему бы самому не попробовать сделать что-то полезное. Например, оформить изображение. Как говорится, пока сам не попробуешь ничего у тебя не получится. А ...

Куб на CSS3

куб на css3

Сегодня продолжим проделки на CSS3 и будем делать куб. Для создания нашего куба нам потребуется свойство трансформации transform и метод skew(x,y), который позволяет скосить элемент на указанное количество градусов по горизонтали (x) и по вертикали (у). Для начала создадим 3 блока с помощью ...

Анимация в CSS3

Анимация в CSS3

Анимация в CSS3 осуществляется с помощью контейнера @keyframes. Сегодня мы постараемся анимировать обычную ссылку продвинуть сайт. Общий синтаксис имеет следующий вид: @keyframes имя Анимации { from {CSS свойства} /* Оформление элемента перед началом анимации */ to {CSS свойства} /* ...

Свойство transition в CSS3

Свойство transition

Transition в переводе с английского означает переход. Я постараюсь на простых примерах показать, как можно использовать данное свойство. А вы для себя решите где бы вы могли его использовать уже сейчас. А начну я пожалуй с плавного изменения фона для ссылки a.light{ padding: 5px 10px; ...


наверх