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

 

 В данном примере мы на скрытой странице будем использовать подписку на сайта. Для начала нам необходимо создать разметку HTML, выглядеть она будет следующим образом:

Данный код вставляем сразу после тега <body>. Тут создаем слой с названием pageflip и в него помещаем наполнение уголка. В нашем примере туда помещается ссылка в виде картинкы на RSS канал нашего сайта.

Теперь рассмотрим непосредственно сами стили CSS:

И последним шагом будет, непосредственно, анимация с помощью скрипта mootools: 

 Я полагаю, что вы уже догадались, что данный код необходимо поместить между тегами <head></head>. Материал взят из зарубежного источника. И представлен исключительно в ознакомительных целях.

Читайте также: