Lecaw

Учимся создавать Web-сайты

 
 

CSS transitions позволяет браузеру анимировать HTML элементы через изменение свойств CSS. Другими словами, мы можем создать анимации на веб-странице без JavaScript, но с чистым CSS.

Сегодня я покажу, как использовать это удивительное свойство CSS transitions для создания необычной галереи изображений. Используемые методы являются, главным образом, CSS transitions, который объединен с псевдо-классом :hover в CSS. Конечно, мы также будем использовать и другие свойства CSS для достижения поставленной цели!

(602)
(3)

В этом уроке мы собираемся создать несколько простых, но довольно необычных эффектов наведения на картинки с помощью CSS transitions. Методы которые здесь включены, такие как псевдо-класс :hover используются в CSS3 transitions.

(690)
(3)
 
 

BookBlock - jQuery плагин книги, который может использоваться для того, чтобы создать компоненты наподобие буклета и зеркально отобразить (перелистнуть) страницы книги. В плагине может использоваться любой контент, например - изображения или текст. Плагин книги только при необходимости преобразовывает структуру (т.е. при зеркальном отражении страницы) и использует для страниц некоторые оверлейные программы в качестве тени, чтобы добавить еще больше реализма.

(388)
(1)

В сегодняшнем уроке мы будем экспериментировать с круговыми эффектами. Так как у нас есть свойство border-radius, мы можем создать круг, они стали чаще появляться как элементы дизайна в веб-сайтах. Больше всего я люблю использовать круговую миниатюру, просто она выглядит намного интереснее, чем прямоугольная форма. И поэтому при помощи круга мы собираемся создать некоторые интересные эффекты!

(947)
(0)
Страница 2 из 3