»

 Будь в курсе событий:

Пн

08

апр

2013

css3 transitions

Введение в CSS3 Transitions
Введение в CSS3 Transitions

На этот раз рассмотрим css3 transitions - анимационные переходы, которые можно использовать для оформления презентаций онлайн, прямо на ваших Jimdo ресурсах.

Введение в CSS3 Transitions

Всем привет и очередной урок от меня. Уже давно не новость, что CSS3 дает нам много возможностей для оформления наших сайтов. Сегодня хочется поговорить про CSS3 переходы - именно так переводится transitions. CSS3 Transitions являются презентационными эффектами, которые позволяют изменять свойства в CSS значениях. Также при помощи CSS3 Transitions можно добиться эффектов плавного изменения объектов в течении определенного времени, а не так, как это обычно происходит - мгновенно. Данные эффекты могут быть применены к широкому спектру свойств CSS.

Далее Комментариев: 6

Пн

13

июн

2011

urok3 css effekti s izobrajeniyami

Урок 3. CSS эффекты с изображениями
Урок 3. CSS эффекты с изображениями

Третий и последний в своей серии урок по созданию css эффектов при наведении на изображение. Рассмотрим эффект разворота.

Урок 3. CSS эффекты с изображениями

Сегодня рассмотрим третий урок. Изначально, я предполагал сделать немного больше уроков по данному направлению, но со временем передумал, потому что довольно много примеров примитивно носили один и тот же подтекст, только в разных вариациях. Поэтому выбрал самое интересное и разноплановое. Если хорошо погуглить, то в сети можно найти большое количество прикольных издевательств над изображениями, но это уже на ваше усмотрение. Ну а теперь перейдем непосредственно к нашему уроку и начнем как всегда с того, что пропишем в шапке CSS код.

Далее Комментариев: 3

Вс

12

июн

2011

urok2 css effekti s izobrajeniyami

Урок 2. CSS эффекты с изображениями
Урок 2. CSS эффекты с изображениями

Второй урок, в котором мы рассмотрим еще один css эффект при наведении на изображение.

Урок 2. CSS эффекты с изображениями

Продолжим небольшую серию уроков, которая связана непосредственно с применением различного рода эффектов с изображениями. Как уже оговаривалось в предыдущем уроке, сегодня мы поговорим о том, как с помощью CSS кода добиться эффекта увеличения изображения при наведении на него указателя мыши. Замечу, что такого рода эффект будет смотреться на сайтах с рекламной тематикой. Так как рекламный блок (изображение) будет плавно увеличиваться при наведении, что придаст оригинальность вашему сайту. Я сам пока не нашел применение данному коду на своих страницах.

Далее Комментариев: 0

Сб

11

июн

2011

urok1. css effekti s izobrazheniyami

Урок 1. CSS эффекты с изображениями
Урок 1. CSS эффекты с изображениями

Рассмотрим небольшой курс из нескольких идущих последовательно друг за другом уроков, в которых мы будем использовать различные эффекты при помощи CSS.

Урок 1. CSS эффекты с изображениями

Сегодня я расскажу, как сделать некоторые манипуляции с изображениями при помощи CSS кода. Это не очень сложный урок, так как код сам по себе небольшой. Вам понадобится всего лишь скопировать рассмотренные примеры css кода в хедер вашего сайта, предварительно заключив его между тегами <style>...</style>. А так же закачать необходимые изображения на любой хостинг изображений. Можно так же закачать свои картинки прямо на Jimdo. Ну а потом все просто, вставляете код html как widget и все должно работать. Я постараюсь по максимуму показывать работу всех примеров.

Далее Комментариев: 3