Дизайн-журнал №1. » css3 уроки https://www.dejurka.ru Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов. Sat, 22 Jun 2019 07:00:59 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 Создаем окно чата с текстовыми облачками в CSS3 https://www.dejurka.ru/css/speech_balloons_css-small/ https://www.dejurka.ru/css/speech_balloons_css-small/#comments Tue, 03 Jun 2014 10:00:27 +0000 Mary - Dejurka http://www.dejurka.ru/?p=110324 Создаем окно чата с текстовыми облачками в CSS3
В этом материале мы хотели бы поделиться способом создания приятного оформленного чата с текстовыми облачками, используя CSS3. Вы сможете красиво показать интервью или онлайн чаты, делая их визуально более привлекательными.     Важное замечание. Для текстовых облачков используется свойство CSS3 border-radius. Оно отлично работает в браузере Firefox при использовании -moz-border-radius и в браузерах Safari и Chrome при [...]]]> https://www.dejurka.ru/css/speech_balloons_css-small/feed/ 2 Создание интересного меню в виде вкладок с использованием CSS3 https://www.dejurka.ru/css/css3_tabbed_nav/ https://www.dejurka.ru/css/css3_tabbed_nav/#comments Thu, 29 May 2014 10:00:09 +0000 Mary - Dejurka http://www.dejurka.ru/?p=110002 Создание интересного меню в виде вкладок с использованием CSS3
Не смотря на то, что не совсем понятно, для чего в CSS3 была добавлена анимация, у этого развивающегося стандарта есть несколько очень приятных элементов, которые были добавлены в CSS и которыми мы сегодня воспользуемся. Мы создадим интересное меню в виде вкладок с использованием CSS3.     Этот урок использует следующие свойства CSS и CSS3: Цвет [...]]]> https://www.dejurka.ru/css/css3_tabbed_nav/feed/ 3 Создаем адаптивный css-таймлайн c 3d эффектом https://www.dejurka.ru/css/responsive_css_timeline/ https://www.dejurka.ru/css/responsive_css_timeline/#comments Wed, 29 May 2013 07:08:26 +0000 marina http://www.dejurka.ru/?p=79418 Создаем адаптивный css-таймлайн c 3d эффектом
 В этом уроке будем экспериментировать с перспективой и, используя input  - "radio", создавать таймлайн структуру, используя чистый CSS. Идея будет заключаться в том, что при нажатии на соответствующем пункте "radio", контент будет немного расширятся и преобразовываться в 3D-подобную структуру. Мы будем использовать 3D-трансформации и переходы, а также сестринские селекторы.   Демо                  [...]]]> https://www.dejurka.ru/css/responsive_css_timeline/feed/ 4 Адаптивное Retina-меню https://www.dejurka.ru/css/responsive_retina_menu/ https://www.dejurka.ru/css/responsive_retina_menu/#comments Thu, 16 May 2013 07:04:54 +0000 marina http://www.dejurka.ru/?p=78415 Адаптивное Retina-меню
Сегодня мы будем создавать яркое меню для Retina-дисплеев. В зависимости от размера окна браузера меню будет автоматически изменять раскладку. Это десктопная версия - обычное расположение меню, двухколоночное меню для планшетов и мобильная версия со скрытой навигацией. Чтобы адаптировать меню под retina-дисплеи и избежать пикселизации при изменении размеров, мы будем использовать шрифты-иконки. Также обратите внимание, что некоторые эффекты [...]]]> https://www.dejurka.ru/css/responsive_retina_menu/feed/ 1