Уроки Html, Css Добавляем эффект полупрозрачности для элементов - opacity
Базовые знания по css. Подключение css, основы, id, class,background . Часть 1.
Приветствую вас в первой части "Базовые знания по css" Сегодня я расскажу вам как подключить css к html коду, расскажу как он работает, зачем нужен id,class и что он делает... Так же как и у html, у css есть версии. Самая новая - это CSS3 Что же такое css? CSS (/siːɛsɛs/ англ. Cascading Style Sheets — каскадные таблицы стилей) — формальный язык описания внешнего вида документа, написанного с использованием языка разметки. ( https://ru.wikipedia.org/wiki/CSS ) Язык css на сайте помогает настроить анимацию, фон и другие интересные настройки...
CSS эффект исчезновения или fadeOUT + BLUR без JavaScript
Интересный анимированный эффект на CSS3 без JavaScript (кроссбраузерность подключать не стал), но это возможно. Создаем в HTML обертку: <div class="wrapper">
<span>A</span><span>P</span><span>E</span><span>X</span><span>W</span><span>E</span><span>B</span>
</div> Прописываем CSS для обертки:.
wrapper {
display: block;
text-align:center;
font-size: 60px;
font-weight: bold;
} CSS для каждого элемента: .wrapper span {
line-height:500px
} .wrapper span:nth-child(1) {
animation: blur 3s ease 0s 1;
animation-fill-mode: forwards;
} ...