Думаете, CSS — это только про красивые кнопочки и плавные анимации? Как бы не так! Ведь он становится настоящим турбо-двигателем для ваших сайтов. Если вы, как и я, ненавидите медленную загрузку страниц, то присаживайтесь поудобнее – у меня для вас отличные новости! Каждый из нас знает, как важна скорость загрузки. Пользователи не будут ждать, а поисковики тем более. И вот, наконец, CSS подтягивается, предлагая нам реально крутые фишки для повышения производительности. Помните, как раньше шрифты...

CSS-переходы позволяют плавно изменять CSS-свойства элементов, т.е. делать это не мгновенно (за 15-16 миллисекунд), а в течении необходимого Вам времени. Для работы с переходами всего существует 4 отдельных CSS-свойства и еще одно групповое. Начнем со свойства transition-duration, которое задает промежуток времени в секундах или миллисекундах, в течение которого должна произойти смена CSS-свойства с одного значения на другое. Например:  transition-duration: 2s; Следующее свойство - transition-property. В нем указывается название CSS-свойств, к которым будет применен эффект плавного перехода. Причем может быть указано как одно свойство, так и несколько через запятую...