CSS
Ну уж и никаких шансов у меня и не оставалось, чтобы обойти стороной CSS с тех пор, как я любительски связался с JS и с HTML, ну или PHP. Собственно раз это должно было произойти, то почему бы и нет...!?
Так вот, все полезные и интересные "фишки" я и буду утягивать к себе сюда, на этом и закончу пока вступление для моей категории CSS.
Более подробные примеры использования CSS будут приведены в конкретных статьях этой категории.
Краткий справочник* - дополняется
animation: show 3s 1; /* Указываем название анимации, её время и количество повторов*/
animation-fill-mode: forwards; /* Чтобы элемент оставался в конечном состоянии анимации */
animation-delay: 1s; /* Задержка перед началом */
opacity:0; прозрачность /* от 0 до 1 */
width:300px;
background:#176387; /* фон */
color:#fff; /* цвет шрифта */
font-size:25px; /* размер шрифта */
border:3px solid #2BA2DB; /* рамка */
padding:20px; /* отступ снаружи */
margin:auto; /* отступ внутри */
margin-bottom:20px; /* отступ */
text-align:center; /* выравнивание */
transition: 1s; /*Скорость перехода состояния элемента*/
Для некой интерактивности сайта, можно применить весьма нестандартные методы, главное чтобы они привлекали внимание. Главное не переусердствовать с этим. Ведь порой излишняя позолота начинает смотреться уже не солидно, а безвкусно и даже дешево, не смотря на труд и цену. Так и с сайтом, надо знать меру, дабы не перейти черту от "нормального" оформления, к цыганской безвкусице. А уж конечный проект с завершенными формами, то есть идеал, можно искать годами. Но сейчас не совсем об этом, а лишь об одной из возможных приколюх, которые между прочим реализуются на с помощью Ява скрипта, а всего лишь с помощью CSS. Надо сказать, что если дело так пойдет и дальше, то CSS заменит Ява в очень многом, что собственно уже и происходит. Итак, в статье о картинке перевертыше, при этом активной такая картинка становиться после наведения на нее курсора мышки.
Эффект плавного или если хотите постепенного появления блока сделает страничку сайта более динамичной, привлекательной. А быть может в этом даже найдется какая-то функциональность, когда определенную информацию надо просто показать с задержкой. Если вам необходимо такой эффект, то его можно получить либо через Ява скрипт, либо через настройку стилей. Я расскажу о CSS варианте, мне он кажется наиболее правильным, с минимальным кодом, то есть через настройку тех самых стилей.