Главная » Разное » Ховер н6 2020

Ховер н6 2020


Обзор Хавал Н6 2020 🚘

Не «Хавал», а «Хавейл». Не Hover H6, а Haval H6. Не премиум-класс, а нечто вполне обычное. Вот то, что говорят о своей продукции в российском представительстве «премиальной» марки Haval, которая принадлежит знаменитому автопроизводителю Great Wall, чье наименование, между прочим, никакой путаницы не вызывает. Великая Китайская стена — ее, кажется, знает каждый, все предельно просто, тогда как с молодой маркой Haval какая-то путаница напополам с шутками. Зато автомобили у нее, хотя по факту и не дотягивают до класса «премиум», а очень добротные. И с ними выходит такая тавтология: была бы цена пониже, цены бы им не было! Впрочем, история не об этом, а именно о кроссовере с индексом H6 — все подробности о нем читайте в нашем обзоре!

Дизайн

Если совсем-совсем не лукавить, то надо отметить, что фактически Haval H6 первого поколения представляет собой улучшенный вариант Great Wall Hover H6 с более богатым оснащением и измененным дизайном, причем дизайн у «Хавейла» откровенно не китайский. То есть, конечно, он по своей сути китайский, поскольку большим количеством заимствований у зарубежных производителей чаще всего грешат компании из Поднебесной, но в целом он выглядит то ли по-американски, то ли по-европейски. Наблюдаются сходства с «немцами» Audi, BMW и Volkswagen, а также с моделями шведского концерна Volvo и японского бренда Mazda. И вот, что интересно: «Эйч-шесть» при этом, как шпион, ни на кого конкретно не похож и гармонично смотрится на фоне высококлассных конкурентов. Массивная решетка радиатора с хромированной окантовкой, стильная ксеноновая оптика, внушительные противотуманные фары круглой формы, изящные рейлинги на крыше и многие другие детали вместе с крупными габаритами H6 создают образ совершенно серьезного современного авто, которому, без шуток, действительно хочется уступить дорогу. В отношении габаритных размеров «китаец» не уступает своим ключевым соперникам Hyundai Creta и Renault Kaptur. В длину он достигает 4,649 м, в ширину— 1,852 м, в высоту — 1,727 м, и багажник у него далеко не маленький — в него входит целых 808 л. поклажи, и это при разложенных задних сиденьях!

Конструкция

Подвеска у H6 достаточно надежная — со стойками МакФерсон спереди и независимой двухрычажкой сзади. Тормоза — дисковые (передние — вентилируемые). Привод — передний или полный. Полноприводные модификации идут в связке исключительно с шестиступенчатой механической коробкой передач.

Адаптация к российским условиям

«Шестерка» Haval была бы превосходным решением для российских дорог, если бы ее полный привод сочетался не только с МКПП, но и с АКПП. Шестиступенчатая коробка-автомат полагается лишь переднеприводной версии, а для суровых условий нашей страны это, к сожалению, не лучшая комбинация, учитывая, что речь идет все-таки о модели повышенной проходимости. Да и клиренс, по правде говоря, для кроссовера скромноват — 18 см, из-за чего можно очень неудачно «сесть на брюхо» на бездорожье, хотя справедливости ради стоит заметить, что это самое «брюхо» отлично защищено, даже пластина у топливного бака имеется. Другими словами, машина идеальна для города, а для езды по пересеченной местности она отнюдь не идеал.

Комфорт

В салоне H6 приятно удивляет по-европейски сдержанный дизайн вкупе с неплохим качеством сборки, но больше всего радует продуманная эргономика, чем могут похвастаться немногие представители китайского автопрома. Серьезно разочаровывает лишь «дубовый» пластик на торпедо, что, в общем-то, с учетом остальных плюсов вполне терпимо. Автомобили родом из Поднебесной, как правило, не рассчитаны на рослых людей, но к счастью, H6 — исключение. В его салоне даже у высокого человека не будет проблем с посадкой на водительском месте, так как свободного пространства достаточно, профиль у кресла хороший, боковая поддержка ярко выражена и предусмотрена регулировка поясничного упора. Рулевое колесо здесь регулируется по высоте и вылету, отличается удобным хватом и не раздражает грубостью швов на кожаной обшивке. За рулем красуется классическая приборная панель, выполненная в виде двух «колодцев» с монохромным экраном трип-компьютера посередине. К читабельности приборов вопросов нет, а к размеру дисплея есть — его следовало сделать покрупнее. Кресла первого ряда оборудованы 2-ступенчатым подогревом и индивидуальными подлокотниками, а на втором ряду сидения снабжены центральным подлокотником с парой подстаканников и спинками, регулируемыми по углу наклона. В задней части салона довольно просторно, только пространства над головой хотелось бы побольше: «благодарить» за это нужно люк в крыше, занимающий немало места. Центральную консоль венчает экран недорогого, но красочного мультимедийного комплекса. Под ним расположен прекрасно скомпонованный блок управления 2-зонным климат-контролем, в котором все замечательно, кроме одного — крохотному дисплею не достает яркости при включенном ближнем освещении. Звукоизоляцию сильной стороной H6 назвать нельзя. Главный источник шума в данном случае — двигатель. Силовой агрегат может изрядно «голосить», и остальные звуки попросту теряются в его шуме. Зато работает эффективно, что несколько оправдывает доставляемые неудобства.

Безопасность

Оснащение у H6 богатое даже по европейским меркам: есть и фронтальные, и боковые подушки безопасности, а также «шторки», широкий набор электронных ассистентов, парковочные датчики «по кругу» и целых 2 камеры. Камера заднего обзора с динамической разметкой помогает при езде задним ходом, а камера в правом зеркале следит за бордюром. В список систем безопасности входят системы стабилизации (ESP), распределения тормозных сил (EBD), контроля давления в покрышках, экстренного торможения (HBA), помощи при спуске (HDC) и подъеме (HHC), антиблокировочная (ABS) и противобуксовочная (TCS) системы.

Мультимедиа

Независимо от комплектации, на кроссовер устанавливается информационно-развлекательный комплекс со встроенной аудиосистемой, 7 динамиками, крупным дисплеем, Bluetooth, линейным AUX-входом и USB-портом для подключения мобильных устройств. За «мультимедийку» H6 пятерку, увы, не поставишь, поскольку экран у нее бликует на солнце, интерфейс не самый удобный и звук из колонок далек от совершенства.

Хавал Н6 Технические характеристики

Российская моторная гамма H6 включает в себя два движка с турбонаддувом: бензиновый и дизельный. Бензиновый полуторалитровый двигатель GW4G15B с распределенным впрыском развивает 150 л.с. при 5600 об/мин. и 210 Нм при 2200-4500 об/мин, хорошо относится к топливу с октановым числом 92 и работает в паре как с шестиступенчатой «механикой», так и с коробкой-автоматом с тем же числом ступеней. Двухлитровый дизель GW4D20 с аккумуляторным впрыском тоже выдает 150 л.с., но уже при 4000 об/мин, и 310 Нм при 1800-2800 об/мин. Мотор на «тяжелом топливе» сочетается только с 6-скоростной МКПП и приводом на все колеса. Реальный топливный «аппетит» бензиновой модификации в городе составляет около 13,5 л/100 км, а за городом — примерно 10 л/100 км (у дизельной еще меньше), что, в принципе, вполне нормально для такого немаленького кроссовера, как H6. Бензобак для него, правда, маловат — всего 50 л.

CSS: hover Selector


Пример

Выберите и стилизуйте ссылку при наведении на нее курсора:

а: зависать {
цвет фона: желтый;
}

Попробуй сам "

Ниже приведены примеры "Попробуйте сами".

Определение и использование

Селектор : hover используется для выбора элементов при наведении на них курсора.

Подсказка: Селектор hover можно использовать со всеми элементами, не только по ссылкам.

Подсказка: Используйте: селектор ссылок для стилизации ссылок на непосещенные страницы, селектор: посещенный стиль ссылки на посещенные страницы, а также : активный селектор для стиля активной ссылки.

Примечание: : hover ДОЛЖЕН идти после: link и: посещения (если они присутствуют) в определении CSS, чтобы быть эффективным!

Поддержка браузера

Числа в таблице указывают первую версию браузера, которая полностью поддерживает селектор.

Селектор
: зависание 4,0 7,0 2,0 3,1 9,6

Примечание: В IE должен быть объявлен чтобы селектор: hover работал с другими элементами, кроме элемента .

CSS Синтаксис

: hover {
css декларации ;
} демонстрация

Дополнительные примеры

Пример

Выберите и стилизуйте элемент

,

и при наведении на него курсора:

p: hover, h2: hover, a: hover {
цвет фона: желтый;
}

Попробуй сам "

Пример

Выбор и стилизация не посещенных, посещенных, парящих и активных ссылок:

/ * непосещенная ссылка * /
a: ссылка {
цвет: зеленый;
}

/ * посещенная ссылка * /
а: посетил {
цвет: зеленый;
}

/ * наведите курсор мыши на ссылку * /
а: зависание {
цвет: красный;
}

/ * выбранная ссылка * /
а: активный {
цвет: желтый;
}

Попробуй сам "

Пример

Стиль ссылок с разными стилями:

а.ex1: зависание, a.ex1: активный {
цвет: красный;
}

a.ex2: hover, a.ex2: active {
размер шрифта: 150%;
}

Попробуй сам "

Пример

Наведите указатель мыши на элемент , чтобы отобразить элемент

(например, всплывающую подсказку):

div {
дисплей: нет;
}

span: hover + div {
display: block;
}

Попробуй сам "

Пример

Показать и скрыть выпадающее меню при наведении мыши:

ul {
дисплей: встроенный; Маржа
: 0;
отступы: 0;
}
ul li {display: inline-block;}
ul li: hover {background: # 555;}
ul li: hover ul {display: block;}
ul li ul {
позиция: абсолютная;
ширина: 200 пикселей; Дисплей
: нет;
}
ul li ul {
background: # 555;
дисплей: блок;
}
ul li ul li a {display: block! Важный;}
ul li ul li: hover {background: # 666;}

Попробуй сам "

Похожие страницы

Учебник CSS: CSS Links

Учебник CSS: CSS Псевдоклассы


,
Наведите на Steam

Об этой игре

Hover - это динамичная однопользовательская и многопользовательская игра в паркур в футуристическом 3D открытом мире.

Действие игры происходит в ECP17, высокотехнологичном городе, также называемом Ховер-Сити его обитателями и расположенном на далекой планете. Великий Админ оборвал связь с Галактическим Союзом и установил сильную диктатуру. Веселье стало незаконным, а развлечения - изгнаны.

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

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

  • Удивительный город

    Город Ховер - огромный футуристический красочный город. Его здания предлагают захватывающие дух вертикальные игровые площадки.

  • Полный Открытый Мир

    Испытайте полную свободу. Исследуйте город от его горизонта до подземелья, выполняя «паркур», трюки и скоростные гонки.

  • Build Your Team

    10 доступных для игры персонажей доступны для разблокировки. Совершенствуйте свои навыки, чтобы создать идеальную команду. Вы также можете настроить их цвета.

  • Различные геймплеи

    Основное действие основано на нервных гонках и удивительных трюках, но в игре также есть много альтернативных способов игры от стелс-миссий до спортивных матчей с друзьями.

  • Выбери свой опыт

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

  • Создайте свои собственные задачи

    Не выходя из игры, используйте очень простой редактор, чтобы создавать свои собственные задачи, которые можно сыграть в одиночном или многопользовательском режиме.

  • Сумасшедшие движения

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

  • Трюки и Комбинации

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

  • Опыт, сетка навыков и фишки

    Получайте опыт и открывайте фишки, которые улучшают способности ваших геймеров. Вы можете обменять свои запасные фишки, чтобы получить лучшие с помощью торговой системы E-Swap.

  • Многопользовательская онлайн

    Присоединяйтесь к своим друзьям онлайн в любое время и продолжайте приключение вместе, независимо от того, сотрудничаете ли вы с ними или работаете против них. Участвуйте в гонках, событиях или выигрывайте сражения, созданные сообществом в режиме реального времени.

,

50 CSS Hover Effects

Коллекция отобранных бесплатно HTML и CSS эффектов наведения примеров кода: анимаций, переходов и т. Д. . Обновление коллекции за февраль 2019 года. 11 новых предметов.

  1. Примеры CSS-эффектов при наведении
  2. CSS-библиотеки с эффектом наведения мыши
  1. jQuery Hover Effects
  2. CSS библиотеки анимации
  3. CSS Image Effects

HTML и CSS эффект парения примеров кода (34 элемента).

Автор
  • Полина Гетьман
О коде

Эффект парения, ориентированный только на CSS

Поставляется с Sass @mixin , чтобы вы могли быстро изменить количество столбцов и элементов. Также вы можете изменить размер окна. Он продолжает работать, когда меняется сетка.

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

Отзывчивый: да

Зависимости: -

Автор
  • Влад Ракоаре
О коде

Clip-Path Hover Анимация

Анимация при наведении курсора , полностью доступная с клавиатуры.

Совместимые браузеры: Chrome, Firefox, Opera, Safari

Отзывчивый: нет

Зависимости: font-awesome.css

Автор
  • Джесси Куш
О коде

Fun с: зависания

Просто поиграйте с некоторыми интересными вещами, которые вы можете сделать с помощью CSS : наведите курсор на при стилизации тех же самых элементов HTML (и их родных элементов).

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

Отзывчивый: да

Зависимости: -

О коде

Плитка наведите мульти-кнопку

Совместимые браузеры: Chrome, Firefox, Opera, Safari

Отзывчивый: да

Зависимости: -

О коде

Соединения CSS Hover FX

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

Отзывчивый: да

Зависимости: -

О коде

CSS Hover FX

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

Отзывчивый: да

Зависимости: -

Автор
  • Мелисса Эм
О коде

Гладкий И Острый

Эффект преобразования парящих краев в чистом CSS.

Совместимые браузеры: Chrome, Firefox, Opera, Safari

Отзывчивый: да

Зависимости: -

Автор
  • Энди Босиком
О коде

Тесселяции электронной коммерции

Тесселяции Элементы электронной коммерции с эффектами наведения.

Совместимые браузеры: Chrome, Firefox, Opera, Safari

Отзывчивый: да

Зависимости: -

Автор
  • Крис Койер
О коде

Пошаговая анимация

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

Отзывчивый: да

Зависимости: -

О коде

Pure CSS Box Наведите курсор с фоновым эффектом

Когда вы наводите курсор на кавычки, фон изменится, на какую цитату вы наводите курсор.Лучше всего смотреть на экранах планшетов или настольных компьютеров. Полная отзывчивость все еще желательна.

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

Отзывчивый: нет

Зависимости: -

Автор
  • Дронка Рауль
Сделано с
  • HTML / CSS (SCSS) / JavaScript (Babel)
О коде

Кинетическая Магнитная Точка

Кинетическая магнитная точка с небольшим количеством JavaScript.

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

Отзывчивый: нет

Зависимости: -

О коде

Эффект наведения для ящиков

Эффект наведения мыши для блоков в HTML и CSS.

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

Отзывчивый: да

Зависимости: font-awesome.css

Автор
  • Брэдли Будах
О коде

Circle Hover Effect

Чистый CSS эффект наведения круга.

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

Отзывчивый: нет

Зависимости: -

Автор
  • ВикторКоролюк
О коде

Эффект наведения круговой пульсации на кнопку

Наведите курсор на каждую из кнопок, чтобы увидеть эффект в действии.

Совместимые браузеры: Chrome, Firefox, Opera, Safari

Отзывчивый: да

Зависимости: -

Автор
  • Сиддхарт Хубли
О коде

Наведите курсор для информации о продукте

Используемые CSS-свойства: фильтр: drop-shadow () , clip-path: polygon () , CSS Grid.

Совместимые браузеры: Chrome, Firefox, Opera, Safari

Отзывчивый: да

Зависимости: -

Автор
  • Фитри Али
О коде

Hover Effect Like Super Team Deluxe

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

Отзывчивый: да

Зависимости: -

Автор
  • Жуан Марсель
О коде

Эффект футуристического 3D-наведения

Используется как навигация, меню или эффект.Он использует CSS , преобразование и перспективу для создания уникального гололиноподобного анимационного эффекта. Может использоваться для многих других случаев, у вас, вероятно, будут свои собственные идеи. Это экспериментальная идея, вы можете захотеть конкретизировать ее для использования в производстве.

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

Отзывчивый: нет

Зависимости: -

О коде

Раскройте содержимое карты на Hover

Чистый эффект наведения карты в HTML и CSS.

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

Отзывчивый: да

Зависимости: material-icons.css

Автор
  • Тобиас Глаус
О коде

Позволь мне увидеть, что у тебя есть!

Эффект при наведении курсора на медиа-контент в HTML и CSS.

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

Отзывчивый: да

Зависимости: -

О коде

Коробка с магическим эффектом увеличения

Коробка с анимированным магическим эффектом увеличения в чистом CSS.

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

Отзывчивый: да

Зависимости: -

О коде

Анимированная коробка с эффектами наведения

Анимированная коробка с эффектами наведения в HTML и CSS.

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

Отзывчивый: да

Зависимости: -

Автор
  • Лукаш Вернер
О коде

Box Corners Анимация

Box анимации углов при наведении в чистом CSS.

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

Отзывчивый: да

Зависимости: -

Автор
  • Дэвид Лейнингер
О коде

Эффект при наведении курсора: Pop and Background Animate

Эффект наведения на продукт. Изображение всплывает вверх и вниз, а затем фон выдвигается и анимируется.

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

Отзывчивый: нет

Зависимости: -

Автор
  • Джордж У.Парк
Сделано с
  • HTML
  • CSS
  • JavaScript / Babel
О коде

Радиальный эффект градиентного прожектора

Это перо показывает, как можно использовать радиальные градиенты CSS для создания фокусируемого эффекта прожектора.

Автор
  • Ying Ying Szeto
О коде

Иконки Парящие

Симпатичные эффекты при наведении на иконки.

О коде

Glitch Effect на Hover

Узнайте, как создать эффект сбоя с помощью CSS clip-path без JS.

Совместимые браузеры: Chrome, Firefox, Opera, Safari

Отзывчивый: да

Зависимости: -

Автор
  • Квентин Верон
Сделано с
  • HTML / Pug
  • CSS / SCSS
  • JavaScript
О коде

Responsive 16/9 Thumbnail & Shine Hover Effect

Эта миниатюра поддерживает соотношение сторон 16/9 при любом размере.При запуске видео присутствует эффект наведения блеска и небольшая анимация. Эффект блеска с использованием переменных CSS, вдохновленных Раулем Дронкой.

Автор
  • Кэссиди Уильямс
О коде

Анимация при наведении курсора

One Div анимация парения.

Демонстрация GIF: эффект привлечения Hover

эффект привлечения Hover

Привлекайте эффект парения с помощью HTML, CSS и JavaScript.
Made by Louis Hoebregts
6 июля 2017 г.

Демонстрационное изображение: Чистый CSS Перспективный эффект при наведении

Чистый CSS Перспективный эффект при наведении

Список блоков с эффектом перспективы.
Сделано Maxime Lafarie
6 июля 2017 г.

Демонстрационное изображение: Эффект наведения изображения

Эффект наведения изображения

Изображение с эффектом отражения и близости при наведении.
Сделано Tiago Alexandre Lopes
2 июня 2017 г.

Демонстрационное изображение: эффекты наложения стопок карточек

эффекты наложения стопок карточек

Просто поиграйте с CSS-переходами и эффектами наведения.
Made by Kyle Brumm
17 мая 2017 г.

Автор
  • Русс Паштет
О коде

Pure CSS Hover Blur

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

Отзывчивый: да

Зависимости: -

Демонстрационное изображение: CSS 3D Hover

CSS 3D Hover

Чистый CSS 3D эффект парения для карт.
Сделано Akhil Sai Ram
24 декабря 2016 г.

Автор
  • Бастиан Андре
О коде

Поднятые бумажные полоски

Поднятые бумажные полоски (эффект наведения).

Demo Image: 10 стильных эффектов наведения с LESS

10 стильных эффектов наведения с LESS

Небольшая коллекция стильных эффектов с LESS.
Made by Renan C. Araujo
13 октября 2016 г.

Демонстрационное изображение: 10 потрясающих эффектов наведения при помощи SCSS

10 потрясающих эффектов при наведении с помощью SCSS

Небольшая коллекция стильных эффектов с помощью SCSS.
Made by Renan C. Araujo
13 октября 2016 г.

Демонстрационное изображение: 3D-визуализация Pure CSS с технологией : анимация

3D-визуализация Pure CSS с технологией : анимация 9003 Совет

. Чтобы сохранить этот трехмерный вид, необходимо знать детали, длина слова должна быть пропорциональна номеру свойства перспективы тела.Если длина этого слова увеличивается, вы также должны увеличивать перспективу :)
Сделано Рафаэлем Гонсалесом
16 сентября 2016 г.

О коде

CSS Only Fade Siblings On Hover

Исчезните все братья и сестры, когда элемент наведен, используя только CSS.

Автор
  • Джереми Булай
О коде

Эффект Hover для Обнаружения Проекта Ссылка

Эффект наведения, например, для обнаружения имени проекта в портфеле.

Демонстрационное изображение: Квадраты Ховер

Квадраты Ховер

HTML и CSS парящие квадраты.
Сделано Рудольфом ван дер Веном
8 декабря 2015 г.

Автор
  • Никола Пресс
О коде

Эффект Ховера

Эффект анимации при наведении.

Демонстрация GIF: 3D-эффект наведения с учетом направления

3D-эффект наведения с учетом направления

CSS & биты JS.
Автор: Ноэль Дельгадо
30 октября 2014 г.

GIF: CSS3 Hover Effects

CSS3 Hover Effects

Вдохновлен tympanus.net, демонстрацией большинства CSS3-эффектов при наведении.
Сделано honglio
21 ноября 2013 г.

GIF: анимация при наведении курсора

анимация при наведении курсора

Использует jQuery для добавления / удаления классов и запуска анимации только при наведении мыши.
Сделано Мэттом Болдтом
8 июля 2013 г.

HTML и CSS библиотеки эффектов наведения (5 предметов).

Демонстрационное изображение: Hover.css

Hover.css

Коллекция CSS3-эффектов наведения, которые будут применяться к ссылкам, кнопкам, логотипам, SVG, избранным изображениям и так далее. Легко применить к вашим собственным элементам, изменить или просто использовать для вдохновения. Доступно в CSS, Sass и LESS.
Сделано Яном Ланном

Демонстрационное изображение: iHover.css

iHover.css

iHover - это коллекция эффектов наведения, основанная на чистом CSS, вдохновленная статьей codrops, разработанной Sass.
Сделано Гудх

Демонстрационное изображение: Эффекты наведения изображения

Эффекты наведения изображения

Эффекты наведения изображения, которые работают с или без Bootstrap.
Сделано Майклом

Демонстрационное изображение: Mocassin.css

Mocassin.css

Mocassin.css - адаптивная коллекция эффектов наведения для подписей, созданная на основе Sass. Каждая подпись соответствует размеру изображения.
Сделано в Eliezer Pujols

Демонстрационное изображение: HoverEffects.css

HoverEffects.css

Несколько эффектов наведения для навигации (CSS3).
Сделано Кевином Яннисом

,

Смотрите также