CSS | Уроки си статьи

Набор готовых кистей для программы фотошоп – Текстура ткани Формат файлов: ABR — JPG   Размер архива: 75 МБ… metallic-text-effects_mini-4303107 Набор из 10 металлических стилей для программы Photoshop.       Файлы в архиве:Read.me.doc 37,5 КБRead.me.pdf 71,4… Набор готовых кистей для программы фотошоп – брызги акварели. Формат файлов: ABR — JPG   Размер архива: 27 МБ… set34wide_mini-4265182 Набор векторных иконок, на тему компьютеры, музыка, документы. Файлы в архиве: векторный формат-ai.  Размер архива: 864 кБ… custom-lens-flares-preview_mini-3724923 Набор из 10 готовых световых бликов разных цветов и форм для использование в web дизайне и не только. Размер архива: 28.1… Набор фото клипарта высокого качества, на тему старых карт навигации и компасов. Формат файлов: JPG 25 изображений.   Размер архива: 200 МБ…

musical_drop_down_menu-9029849

В этом примере показано, как можно сделать лёгкое выпадающее меню со звуком в связке HTML5 + CSS3. Это меню содержит анимационный эффект CSS3 при наведении курсора, а также мы воспользуемся аудио элементами HTML5 для того что бы добавить звуки и музыку.

css3-modal-popups_mini-7030321

В этом примере вы увидите как сделать всплывающие модальные окна, для регистрации и входа на сайт. Не так давно для реализации таких окно применялось JQuery, но как оказалось CSS3 имеет все необходимые инструменты для создания выплывающих модальных окон.

css3_slideshow_mini-1305705

В данном примере увидите как можно создать слайд-шоу изображений с использованием только CSS3 (без JavaScript). Слайд-шоу будет содержать левую и правую кнопки навигации по изображением и трекер бар.

css3-photo-gallery_mini-3471483

В этом примере вы увидите, как сделать очень даже неплохую галерею изображений без использования JavaScript. Да мы будем использовать только CSS3, а именно некоторые его свойства: user-select, box-sizing, transition, box-shadow. Посмотрите готовый демонстрационный пример, для лучшего понимания того что должно получаться в итоге.

45645343535342677878-3513635

Вам необходимо растянуть фоновое изображение на весь размер экрана, без отступов и белых полей. Для этого существует несколько способов как с средствами javascript так и с CSS. Приведу два примера растягивания фоновой картинки с помощью CSS.

В этом уроке вы увидите, как очень просто придать вашей фотографии модный ретро эффект всего за три шага. Откройте в программе Photoshop… В этом уроке вы увидите как создать в программе Photoshop эффект белой, так называемой фарфоровой кожи. Этот способ использует не разрушаемый метод… В этом уроке вы увидите как превратить любую фотографию, в эскиз нарисованный обычным карандашом. И для начала откройте в программе Photoshop… flux-slider_mini-8337157 В этом примере вы увидите возможности применения слайдер плагина Flux. Этот плагин использует CSS3 анимацию с разнообразными эффектами переходов как 2D… thumb_terminal_flight_board_text_animation_xml-7424912 Анимация терминала прилёта и вылета как в аэропортах, в котором можно размещать короткие текстовые сообщения хранящиеся в отдельном XML файле. Версия… thumb_universal_expanding_mp3_player_as2-5068619 Красивый музыкальный проигрыватель, который совсем не занимает места только маленькая иконка при нажатии на которую плеер раскрывается. Можно размещать… 2g0k2s98_vlvit_mini-3970175Отличный flash шаблон для представления вашего портфолио. ИСХОДНЫЕ ФАЙЛЫ:.SWF; .HTML; .PSD;.FLA Software  Adobe Dreamweaver 8+ (or Microsoft… 1g9k9s02_vlvit_mini-2176369Можно использовать для личного сайта, портфолио ИСХОДНЫЕ ФАЙЛЫ:.SWF; .HTML; .PSD;.FLA Software Required:Adobe Dreamweaver 8+ (or Microsoft Expression…