Π₯ΠΎΠ²Π΅Ρ€ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ: Π€ΠΎΡ‚ΠΎ Great Wall Hover H3

Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅

Как ΠΌΠ΅Π½ΡΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ курсора ΠΌΡ‹ΡˆΠΈ

Π’Ρ‹ здСсь:
Главная — CSS — CSS ΠžΡΠ½ΠΎΠ²Ρ‹ — Как ΠΌΠ΅Π½ΡΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ курсора ΠΌΡ‹ΡˆΠΈ


Π― Π΄ΡƒΠΌΠ°ΡŽ, Ρ‡Ρ‚ΠΎ Π’Ρ‹ часто встрСчали Π½Π° Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… сайтах, ΠΊΠΎΠ³Π΄Π° Π’Ρ‹ Π½Π°Π²ΠΎΠ΄ΠΈΠ»ΠΈ ΠΌΡ‹ΡˆΠΊΠΎΠΉ Π½Π° ΠΊΠ°ΠΊΡƒΡŽ-Π½ΠΈΠ±ΡƒΠ΄ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ, ΠΈ ΠΎΠ½Π° мСнялась. Π‘Π°ΠΌΡ‹ΠΉ простой ΠΏΡ€ΠΈΠΌΠ΅Ρ€ — это Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠ΅ курсора ΠΌΡ‹ΡˆΠΈ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡƒ. Допустим, послС этого ΠΎΠ½Π° мСняла Ρ†Π²Π΅Ρ‚, ΠΊΠ°ΠΊ Π±Ρ‹ дСлаясь Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠΉ. Π’ΠΎΡ‚ ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ ΠΌΠ΅Π½ΡΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ курсора ΠΌΡ‹ΡˆΠΈ, Π’Ρ‹ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅ ΠΈΠ· этой ΡΡ‚Π°Ρ‚ΡŒΠΈ.

МногиС, ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ, Π±ΡƒΠ΄ΡƒΡ‚ Π΄Π΅Π»Π°Ρ‚ΡŒ это Π½Π° JavaScript, хотя это ΡΠΎΠ²Π΅Ρ€ΡˆΠ΅Π½Π½ΠΎ Π½Π΅Ρ€Π°Π·ΡƒΠΌΠ½ΠΎ. Π’Π°ΠΊΠΈΠ΅ Π²Π΅Ρ‰ΠΈ Π΄Π΅Π»Π°ΡŽΡ‚ΡΡ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ CSS ΠΈ псСвдоэлСмСнта hover. Π”Π°Π²Π°ΠΉΡ‚Π΅ с Π’Π°ΠΌΠΈ поставим Π·Π°Π΄Π°Ρ‡Ρƒ.

Π£ нас Π΅ΡΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°. ΠœΡ‹ Ρ…ΠΎΡ‚ΠΈΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ Π½Π° Π½Π΅Ρ‘ курсора ΠΌΡ‹ΡˆΠΈ, ΠΎΠ½Π° измСнялась. Π‘ΠΎΠ»Π΅Π΅ Ρ‚ΠΎΠ³ΠΎ, ΠΌΡ‹ Ρ…ΠΎΡ‚ΠΈΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΅Ρ‰Ρ‘ появлялась красная Ρ€Π°ΠΌΠΊΠ° Π²ΠΎΠΊΡ€ΡƒΠ³ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ.

HTML-ΠΊΠΎΠ΄ ΠΎΡ‡Π΅Π½ΡŒ простой:


<div></div>

Π’Π΅ΠΏΠ΅Ρ€ΡŒ CSS-ΠΊΠΎΠ΄:


. img {

Β  background: url("image_1.jpg") no-repeat; // ΠŸΠΎΠ΄ΡΡ‚Π°Π²Π»ΡΠ΅ΠΌ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ

Β  height: 100px; // Высота ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ

Β  width: 100px; // Π¨ΠΈΡ€ΠΈΠ½Π° ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ

}

.img:hover {

Β  background: url("image_2.jpg") no-repeat; // ΠŸΠΎΠ΄ΡΡ‚Π°Π²Π»ΡΠ΅ΠΌ Ρ‚Ρƒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ, которая Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ курсора ΠΌΡ‹ΡˆΠΈ

Β  border: 2px solid #f00; // УстанавливаСм ΠΊΡ€Π°ΡΠ½ΡƒΡŽ Ρ€Π°ΠΌΠΊΡƒ

Β  height: 120px; // Высота Π½ΠΎΠ²ΠΎΠΉ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ

Β  width: 120px; // Π¨ΠΈΡ€ΠΈΠ½Π° Π½ΠΎΠ²ΠΎΠΉ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ

}

ΠšΠ»ΡŽΡ‡Π΅Π²ΠΎΠΉ ошибкой Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΎΠ² являСтся отсутствиС свойств width ΠΈ height. Π‘Π΅Π· Π½ΠΈΡ… пустой Π±Π»ΠΎΠΊ div просто Π½Π΅ отобразится, поэтому Π½Π΅ Π·Π°Π±Ρ‹Π²Π°ΠΉΡ‚Π΅ ΠΎ Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ Π½ΡƒΠΆΠ½ΠΎ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ Π½Π°ΠΏΡ€ΡΠΌΡƒΡŽ ΡˆΠΈΡ€ΠΈΠ½Ρƒ ΠΈ высоту, ΠΈ ΠΎΠ½ΠΈ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΡΠΎΠ²ΠΏΠ°Π΄Π°Ρ‚ΡŒ с ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉ ΠΈ высотой изобраТСния, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π’Ρ‹ подтсавляСтС Π² Π±Π»ΠΎΠΊ.

Π”Π°Π½Π½Ρ‹ΠΉ способ являСтся классичСским, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ постоянно ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для создания динамичСских эффСктов Π±Π΅Π· использования JavaScript, Π΄ΡƒΠΌΠ°ΡŽ, Ρ‡Ρ‚ΠΎ Π’Ρ‹ Π±ΡƒΠ΄Π΅Ρ‚Π΅ Π΅Π³ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π΅Ρ‰Ρ‘ Π½Π΅ Ρ€Π°Π·.

ΠŸΠΎΠ»Π½Ρ‹ΠΉ курс ΠΏΠΎ HTML, CSS ΠΈ ΠΏΠΎ вёрсткС сайтов: http://srs.myrusakov.ru/makeup


  • Π‘ΠΎΠ·Π΄Π°Π½ΠΎ 04.06.2012 12:53:28



  • ΠœΠΈΡ…Π°ΠΈΠ» Русаков

ΠŸΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰Π°Ρ ΡΡ‚Π°Ρ‚ΡŒΡ Π‘Π»Π΅Π΄ΡƒΡŽΡ‰Π°Ρ ΡΡ‚Π°Ρ‚ΡŒΡ

ΠšΠΎΠΏΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΠΎΠ² Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Π΅Ρ‚ΡΡ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ с ΡƒΠΊΠ°Π·Π°Π½ΠΈΠ΅ΠΌ Π°Π²Ρ‚ΠΎΡ€Π° (ΠœΠΈΡ…Π°ΠΈΠ» Русаков) ΠΈ индСксируСмой прямой ссылкой Π½Π° сайт (http://myrusakov.ru)!

Π”ΠΎΠ±Π°Π²Π»ΡΠΉΡ‚Π΅ΡΡŒ ΠΊΠΎ ΠΌΠ½Π΅ Π² Π΄Ρ€ΡƒΠ·ΡŒΡ Π’ΠšΠΎΠ½Ρ‚Π°ΠΊΡ‚Π΅: http://vk.com/myrusakov.
Если Π’Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Π΄Π°Ρ‚ΡŒ ΠΎΡ†Π΅Π½ΠΊΡƒ ΠΌΠ½Π΅ ΠΈ ΠΌΠΎΠ΅ΠΉ Ρ€Π°Π±ΠΎΡ‚Π΅, Ρ‚ΠΎ Π½Π°ΠΏΠΈΡˆΠΈΡ‚Π΅ Π΅Ρ‘ Π² ΠΌΠΎΠ΅ΠΉ Π³Ρ€ΡƒΠΏΠΏΠ΅: http://vk.com/rusakovmy.

Если Π’Ρ‹ Π½Π΅ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΏΡ€ΠΎΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ Π½ΠΎΠ²Ρ‹Π΅ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Ρ‹ Π½Π° сайтС,
Ρ‚ΠΎ Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΠ΄ΠΏΠΈΡΠ°Ρ‚ΡŒΡΡ Π½Π° обновлСния: ΠŸΠΎΠ΄ΠΏΠΈΡΠ°Ρ‚ΡŒΡΡ Π½Π° обновлСния

Если Ρƒ Вас ΠΎΡΡ‚Π°Π»ΠΈΡΡŒ ΠΊΠ°ΠΊΠΈΠ΅-Π»ΠΈΠ±ΠΎ вопросы, Π»ΠΈΠ±ΠΎ Ρƒ Вас Π΅ΡΡ‚ΡŒ ΠΆΠ΅Π»Π°Π½ΠΈΠ΅ Π²Ρ‹ΡΠΊΠ°Π·Π°Ρ‚ΡŒΡΡ ΠΏΠΎ ΠΏΠΎΠ²ΠΎΠ΄Ρƒ этой ΡΡ‚Π°Ρ‚ΡŒΠΈ, Ρ‚ΠΎ Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ свой ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ Π²Π½ΠΈΠ·Ρƒ страницы.

ΠŸΠΎΡ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠΉΡ‚Π΅ эту ΡΡ‚Π°Ρ‚ΡŒΡŽ Π΄Ρ€ΡƒΠ·ΡŒΡΠΌ:

Если Π’Π°ΠΌ понравился сайт, Ρ‚ΠΎ размСститС ссылку Π½Π° Π½Π΅Π³ΠΎ (Ρƒ сСбя Π½Π° сайтС, Π½Π° Ρ„ΠΎΡ€ΡƒΠΌΠ΅, Π² ΠΊΠΎΠ½Ρ‚Π°ΠΊΡ‚Π΅):


  1. Кнопка:

    <a href=»https://myrusakov. ru» target=»_blank»><img src=»https://myrusakov.ru/images/button.gif» alt=»ΠšΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ свой сайт» /></a>

    Она выглядит Π²ΠΎΡ‚ Ρ‚Π°ΠΊ:


  2. ВСкстовая ссылка:
    <a href=»https://myrusakov.ru» target=»_blank»>Как ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ свой сайт</a>

    Она выглядит Π²ΠΎΡ‚ Ρ‚Π°ΠΊ: Как ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ свой сайт

  3. BB-ΠΊΠΎΠ΄ ссылки для Ρ„ΠΎΡ€ΡƒΠΌΠΎΠ² (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π΅Ρ‘ Π² подписи):

    [URL=»https://myrusakov.ru»]Как ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ свой сайт[/URL]

Π₯ΠΎΠ²Π΅Ρ€ Π€ΠΎΡ‚ΠΎ Машина







2017 – сСгодня. Ii. 2010 – 2016.














I. Π€ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ всСго: 4 9 5 2 5.


Π’Π°ΠΌ нравится фотогалСрСя great wall hover h4?














РасскаТитС Π΄Ρ€ΡƒΠ·ΡŒΡΠΌ: Ρ€Π°ΡΡΠΊΠ°Π·Π°Ρ‚ΡŒ Π²ΠΎ Π²ΠΊΠΎΠ½Ρ‚Π°ΠΊΡ‚Π΅ Ρ€Π°ΡΡΠΊΠ°Π·Π°Ρ‚ΡŒ Π² facebook Ρ€Π°ΡΡΠΊΠ°Π·Π°Ρ‚ΡŒ Π² google Ρ€Π°ΡΡΠΊΠ°Π·Π°Ρ‚ΡŒ Π² twitter Ρ€Π°ΡΡΠΊΠ°Π·Π°Ρ‚ΡŒ Π² одноклассниках. Π€ΠΎΡ‚ΠΎ Π΄Ρ€ΡƒΠ³ΠΈΡ… ΠΏΠΎΠΊΠΎΠ»Π΅Π½ΠΈΠΉ great wall hover h4.


ΠžΡ‚Π·Ρ‹Π²Ρ‹ Π²Π»Π°Π΄Π΅Π»ΡŒΡ†Π΅Π² great wall hover с Ρ„ΠΎΡ‚ΠΎ.














Π”Π° мСня Ρ…ΠΎΠ²Π΅Ρ€ Ρ‚ΠΎΠΆΠ΅ ΡƒΠΆΠ΅ достал ΡΠΌΠΎΡ‚Ρ€ΡŽ Π½Π° туссана Π² ΠΏΠ΅Ρ€Π²ΠΎΠΌ ΠΏΠΎΠΊΠ°Π»Π΅Π½ΠΈΠΈ, ΠΊΠ°ΠΊ оказалось ΠΎΡ‡Π΅Π½ΡŒ ΠΌΠ°Π»ΠΎ Π·Π°ΠΌΠ΅Π½ ΠΏΠΎ ΠΎΠ±ΡŒΠ΅ΠΌΡƒ ΠΌΠ°ΡˆΠΈΠ½Ρ‹ ΠΈ Π±ΠΎΠ³Π°ΠΆΠ½ΠΈΠΊΠ° ΠΌΠΎΠΆΠ½ΠΎ ΠΊΡƒΠΏΠΈΡ‚ΡŒ,


Great wall hover β€” ΠΎΡ‚Π·Ρ‹Π²Ρ‹ Π²Π»Π°Π΄Π΅Π»ΡŒΡ†Π΅Π² (с Ρ„ΠΎΡ‚ΠΎ).














ΠžΡ‚Π·Ρ‹Π²Ρ‹ Π²Π»Π°Π΄Π΅Π»ΡŒΡ†Π΅Π² Π°Π²Ρ‚ΠΎΠΌΠΎΠ±ΠΈΠ»Π΅ΠΉ great wall hover: ΠΎΠΏΡ‹Ρ‚ ΠΏΠΎΠΊΡƒΠΏΠΊΠΈ, ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ Π². Π­Ρ‚ΠΎ машина ΠΈΠ· ΠΏΠ΅Ρ€Π²ΠΎΠΉ ΠΏΠ°Ρ€Ρ‚ΠΈΠΈ 2007 Π³ΠΎΠ΄Π° (Π°ΠΏΡ€Π΅Π»ΡŒ мСсяц), Π²Ρ‹ΠΏΡƒΡ‰Π΅Π½ΠΎΠΉ Π².


ΠŸΡ€ΠΎΠ΄Π°ΠΆΠ° Π³Ρ€Π΅ΠΉΡ‚ Π²ΠΎΠ» Ρ…ΠΎΠ²Π΅Ρ€ Π±Ρƒ: ΠΊΡƒΠΏΠΈΡ‚ΡŒ great wall.

Auto. Ria.













Π‘ΠΎΠ»Π΅Π΅ 56 объявлСний ΠΎ ΠΏΡ€ΠΎΠ΄Π°ΠΆΠ΅ ΠΏΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½Π½Ρ‹Ρ… Π³Ρ€Π΅ΠΉΡ‚ Π²ΠΎΠ» Ρ…ΠΎΠ²Π΅Ρ€ Π½Π° Π°Π²Ρ‚ΠΎΠ±Π°Π·Π°Ρ€Π΅ Π² ΡƒΠΊΡ€Π°ΠΈΠ½Π΅. На auto. Ria Π»Π΅Π³ΠΊΠΎ Π½Π°ΠΉΡ‚ΠΈ, ΡΡ€Π°Π²Π½ΠΈΡ‚ΡŒ ΠΈ ΠΊΡƒΠΏΠΈΡ‚ΡŒ Π±Ρƒ great wall.


ГалСрСя Π₯ΠΎΠ²Π΅Ρ€ h4 – Ρ„ΠΎΡ‚ΠΎ салона

Новый Π₯ΠΎΠ²Π΅Ρ€ h4 Π½ΠΈ ΠΌΠΎΠΆΠ΅Ρ‚ Π½Π΅ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚ΡŒ внимания! ΠœΠΎΡ‰Π½Ρ‹ΠΉ, яркий, вострСбованный ΠΈ ΠΏΡ€Π΅Π·Π΅Π½Ρ‚Π°Π±Π΅Π»ΡŒΠ½Ρ‹ΠΉ – всС это ощущСния, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚ Π°Π²Ρ‚ΠΎΠΌΠΎΠ±ΠΈΠ»ΡŒ, ΠΊΠ°ΠΊ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π²Ρ‹ взглянСтС Π½Π° Π΅Π³ΠΎ Ρ„ΠΎΡ‚ΠΎ. Π‘ΠΎΠ»ΡŒΡˆΠΈΠ΅ Π³Π°Π±Π°Ρ€ΠΈΡ‚Ρ‹ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ китайскому кроссовСру Π₯ΠΎΠ²Π΅Ρ€ h4 ΠΏΠΎΠ»ΠΎΠΆΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π²Ρ‹Π΄Π΅Π»ΡΡ‚ΡŒΡΡ Π½Π° Ρ„ΠΎΠ½Π΅ Π°Π½Π°Π»ΠΎΠ³ΠΎΠ², Π° Ρ‚Π°ΠΊΠΆΠ΅ смСло ΠΊΠΎΠ½ΠΊΡƒΡ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ с ΠΏΠΎΠ΄ΠΎΠ±Π½Ρ‹ΠΌΠΈ транспортными срСдствами Π΄Ρ€ΡƒΠ³ΠΈΡ…, Π±ΠΎΠ»Π΅Π΅ извСстных, Π°Π²Ρ‚ΠΎΠΊΠΎΠ½Ρ†Π΅Ρ€Π½ΠΎΠ². РСшив ΠΊΡƒΠΏΠΈΡ‚ΡŒ Ρ‚Π°ΠΊΠΎΠΉ Π°Π²Ρ‚ΠΎΠΌΠΎΠ±ΠΈΠ»ΡŒ, ΠΎΡ‡Π΅Π½ΡŒ Π²Π°ΠΆΠ½ΠΎ ΠΎΠ±Ρ€Π°Ρ‰Π°Ρ‚ΡŒ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° Π΄ΠΈΠ»Π΅Ρ€Π°. Автосалон «Народ-Авто» — это ΠΎΡ„ΠΈΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ»Π΅Ρ€ ΠΊΠΎΠ½Ρ†Π΅Ρ€Π½Π° Great Wall Π² МосквС, поэтому ΠΎΠ±Ρ€Π°Ρ‚ΠΈΠ²ΡˆΠΈΡΡŒ ΠΊ Π½Π°ΠΌ, Π²Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ Ρ†Π΅Π»Ρ‹ΠΉ ряд прСимущСств, доступных Ρ‚ΠΎΠ»ΡŒΠΊΠΎ нашим ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°ΠΌ.

Π’ ΠΏΠ΅Ρ€Π²ΡƒΡŽ ΠΎΡ‡Π΅Ρ€Π΅Π΄ΡŒ, ΠΌΡ‹ Ρ…ΠΎΡ‚ΠΈΠΌ ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ вашС Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° Ρ„ΠΎΡ‚ΠΎΠ³Π°Π»Π΅Ρ€Π΅ΡŽ Π½ΠΎΠ²ΠΎΠ³ΠΎ кроссовСра Π₯ΠΎΠ²Π΅Ρ€ h4. ΠœΡ‹ Π½Π΅ упускаСм ΠΈΠ· внимания Ρ‚Π°ΠΊΠΎΠΉ Π²Π°ΠΆΠ½Ρ‹ΠΉ Ρ„Π°ΠΊΡ‚ΠΎΡ€, ΠΊΠ°ΠΊ внСшний Π²ΠΈΠ΄ автомобиля, Π½ΠΎ ΠΈ Π½Π΅ пытаСмся ΡΠΊΡ€Ρ‹Ρ‚ΡŒ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ ΠΎΡ‚ Π½Π°ΡˆΠΈΡ… ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ², создавая Ρ„ΠΎΡ‚ΠΎ. Волько Ρ€Π΅Π°Π»ΡŒΠ½Ρ‹ΠΉ внСшний Π²ΠΈΠ΄ Π²Π½Π΅Π΄ΠΎΡ€ΠΎΠΆΠ½ΠΈΠΊΠ°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΡΡ‚Π°Ρ€Π°Π»ΠΈΡΡŒ ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„Ρ‹ – главная концСпция нашСй Ρ€Π°Π±ΠΎΡ‚Ρ‹.

ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ, Ссли Ρƒ вас Π½Π΅Ρ‚ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π°Π²Π΅Π΄Π°Ρ‚ΡŒΡΡ Π² наш автосалон ΠΈ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π½Π° Π₯ΠΎΠ²Π΅Ρ€ h4 Π²ΠΎΠΎΡ‡ΠΈΡŽ, Π½Π΅ стоит ΠΏΠ΅Ρ€Π΅ΠΆΠΈΠ²Π°Ρ‚ΡŒ – Π²Π°ΠΌ достаточно ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ Π½Π° наш ΠΎΡ„ΠΈΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ сайт, Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ модСль автомобиля ΠΈ ΠΎΡ†Π΅Π½ΠΈΡ‚ΡŒ Ρ€Π΅Π°Π»ΡŒΠ½Ρ‹Π΅ Ρ„ΠΎΡ‚ΠΎ Π² ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎΠΌ, высокоформатном качСствС.

К Ρ‚ΠΎΠΌΡƒ ΠΆΠ΅, ΠΌΡ‹ Π½Π΅ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅ΠΌ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ ΠΈΠ· ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π°, всС, Ρ‡Ρ‚ΠΎ Π²Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅ – Ρ€Π΅Π°Π»ΡŒΠ½Ρ‹Π΅ Ρ„ΠΎΡ‚ΠΎ, сдСланныС Π² стСнах салона. На изобраТСниях ΠΌΡ‹ постараСмся ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡŒΠ½ΡƒΡŽ Ρ€Π΅Π°Π»ΠΈΡΡ‚ΠΈΡ‡Π½ΠΎΡΡ‚ΡŒ Π₯ΠΎΠ²Π΅Ρ€ h4:

  • ΠΈΠ½Ρ‚Π΅Ρ€ΡŒΠ΅Ρ€ – внСшний Π²ΠΈΠ΄ спСрСди, сзади, сбоку;

  • ΡΠΊΡΡ‚Π΅Ρ€ΡŒΠ΅Ρ€ – изобраТСния салона ΠΏΠΎΠ΄ Ρ€Π°Π·Π½Ρ‹ΠΌ ΡƒΠ³Π»ΠΎΠΌ;

  • тСхничСскоС оснащСниС.

ΠŸΠΎΡΠΏΠ΅ΡˆΠΈΡ‚Π΅ ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ Π½Π° сайт автосалона «Народ-Авто», ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π³Π°Π»Π΅Ρ€Π΅ΡŽ, ΡƒΠ·Π½Π°Ρ‚ΡŒ максимум ΠΎ тСхничСских характСристиках ΠΈ комплСктациях Π₯ΠΎΠ²Π΅Ρ€ h4, Π° послС этого ΠΏΡ€ΠΈΠ΅Ρ…Π°Ρ‚ΡŒ ΠΊ Π½Π°ΠΌ ΠΈ ΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ настоящий тСст-Π΄Ρ€Π°ΠΉΠ². ΠœΡ‹ ΡƒΠ²Π΅Ρ€Π΅Π½Ρ‹, Ρ‡Ρ‚ΠΎ Π²Ρ‹ ΠΏΡ€ΠΈΠ΄Π΅Ρ‚Π΅ Π² восторг ΠΎΡ‚ Π½ΠΎΠ²ΠΎΠ³ΠΎ кроссовСра, Π° ΠΌΡ‹ сдСлаСм всС, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΊΡƒΠΏΠΊΠ° Ρ‚Π°ΠΊΠΎΠ³ΠΎ автомобиля Π½Π΅ Π±Ρ‹Π»Π° Π½Π°ΠΊΠ»Π°Π΄Π½ΠΎΠΉ ΠΈ Π΄Π»ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ.

ΠšΡƒΠ·ΠΎΠ² Hover H5 | GREAT WALL HOVER H5 | GREAT WALL


ΠΠ²Ρ‚ΠΎΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ Ρ€Π°Π½ΠΎΠΊ постоянно пополняСт Π½ΠΎΠ²Ρ‹ΠΌΠΈ автомобилями, Π½ΠΎ ΠΈ ΠΎΠ½ΠΈ Π±Ρ‹Π²Π°Π΅Ρ‚ Π»ΠΎΠΌΠ°ΡŽΡ‚ΡΡ ΠΈΠ»ΠΈ выходят ΠΈΠ· строя. Поломка ΠΌΠΎΠΆΠ΅Ρ‚ ΠΊΠΎΡΠ½ΡƒΡ‚ΡŒΡΡ Ρ‡Π΅Π³ΠΎ ΡƒΠ³ΠΎΠ΄Π½ΠΎ – Ρ…ΠΎΠ΄ΠΎΠ²ΠΎΠΉ части, двигатСля, подвСски, ΠΈΠ»ΠΈ ΠΊΡƒΠ·ΠΎΠ²Π°. Π’Π½Π΅ зависимости ΠΎΡ‚ Ρ…Π°Ρ€Π°ΠΊΡ‚Π΅Ρ€Π° ΠΏΠΎΠ»ΠΎΠΌΠΊΠΈ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΈΡΠΊΠ°Ρ‚ΡŒ Π·Π°ΠΌΠ΅Π½Ρƒ нСисправной Π΄Π΅Ρ‚Π°Π»ΠΈ. РаньшС, ΠΊΠΎΠ³Π΄Π° китайский Π°Π²Ρ‚ΠΎΠΏΡ€ΠΎΠΌ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½Π°Ρ‡ΠΈΠ½Π°Π» ΠΏΠΎΡΠ²Π»ΡΡ‚ΡŒΡΡ Π½Π° российском Ρ€Ρ‹Π½ΠΊΠ΅, Π±Ρ‹Π»ΠΎ достаточно Ρ‚Ρ€ΡƒΠ΄Π½ΠΎ ΠΎΡ‚Ρ‹ΡΠΊΠ°Ρ‚ΡŒ Π½ΡƒΠΆΠ½ΡƒΡŽ Π·Π°ΠΏΡ‡Π°ΡΡ‚ΡŒ для hover h5. А Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ, всС самоС Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΠ΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π±Π΅Π· ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ приобрСсти Π² ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ РСалАвто. Π£ нас Π½ΠΈΠ·ΠΊΠΈΠ΅ Ρ†Π΅Π½Ρ‹ ΠΈ запчасти высокого качСства. ΠŸΡ€ΠΎΠ΄Π°Π΅ΠΌ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΡ€ΠΎΠ²Π΅Ρ€Π΅Π½Π½Ρ‹ΠΉ Ρ‚ΠΎΠ²Π°Ρ€, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΡƒΠΆΠ΅ ΠΏΡ€ΠΎΠ²Π΅Ρ€Π΅Π½ Π½Π΅ ΠΎΠ΄Π½ΠΎΠΉ тысячСй ΠΊΠΈΠ»ΠΎΠΌΠ΅Ρ‚Ρ€ΠΎΠ² Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ ΠΏΡ€ΠΎΠ±Π΅Π³Π° автомобиля.


Π£ нас Π² Π½Π°Π»ΠΈΡ‡ΠΈΠΈ ΠΈΠΌΠ΅ΡŽΡ‚ΡΡ запчасти hover h5 дизСль ΠΈ запчасти hover h5 Π°Π²Ρ‚ΠΎΠΌΠ°Ρ‚. НС зависимо ΠΎΡ‚ исполнСния ΠΈ ΠΊΠΎΠΌΠΏΠ»Π΅ΠΊΡ‚Π°Ρ†ΠΈΠΈ автомобиля Π²Ρ‹ Π½Π°ΠΉΠ΄Π΅Ρ‚Π΅ всС самоС Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΠ΅. Для Π΄ΠΈΠ·Π΅Π»ΡŒΠ½Ρ‹Ρ… Π°Π²Ρ‚ΠΎΠΌΠΎΠ±ΠΈΠ»Π΅ΠΉ Π΅ΡΡ‚ΡŒ расходныС ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡƒΡΡ‚Π°Π½Π°Π²Π»ΠΈΠ²Π°ΡŽΡ‚ΡΡ ΠΏΡ€ΠΈ ΠΏΡ€ΠΎΡ…ΠΎΠΆΠ΄Π΅Π½ΠΈΠΈ тСхничСского обслуТивания автомобиля. ΠšΡΡ‚Π°Ρ‚ΠΈ, ΠΏΡ€ΠΎΠΉΡ‚ΠΈ тСхничСскоС обслуТиваниС hover h5 Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π² нашСм автосСрвисС. Π—Π΄Π΅ΡΡŒ Π²Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅Ρ‚Π΅ Π΄Π²ΠΎΠΉΠ½ΡƒΡŽ Π²Ρ‹Π³ΠΎΠ΄Ρƒ – Π½Π΅Ρ‚ нСобходимости Π΅Π·Π΄ΠΈΡ‚ΡŒ ΠΏΠΎ ΠΌΠ°Π³Π°Π·ΠΈΠ½Π°ΠΌ ΠΈ ΠΈΡΠΊΠ°Ρ‚ΡŒ Π½ΡƒΠΆΠ½Ρ‹Π΅ расходники – всС ΡƒΠΆΠ΅ Π΅ΡΡ‚ΡŒ Π½Π° складС, Π° Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅Ρ‚Π΅ скидку Π½Π° запчасти, ΠΏΡ€ΠΈ обслуТивании Ρƒ нас.


Π‘ΠΊΠΈΠ΄ΠΊΠΈ Π½Π° запчасти hover h5 постоянным ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°ΠΌ.


Если Π²Ρ‹ станСтС нашим постоянным ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠΌ, Ρ‚ΠΎ смоТСтС ΠΏΡ€ΠΈΠΎΠ±Ρ€Π΅Ρ‚Π°Ρ‚ΡŒ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ запчасти с Ρ…ΠΎΡ€ΠΎΡˆΠ΅ΠΉ скидкой. Π­Ρ‚ΠΎ Π²Ρ‹Π³ΠΎΠ΄Π½ΠΎΠ΅ ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΏΠΎΠ½Ρ€Π°Π²ΠΈΡ‚ΡŒΡΡ ΠΊΠ°ΠΆΠ΄ΠΎΠΌΡƒ Π°Π²Ρ‚ΠΎΠ²Π»Π°Π΄Π΅Π»ΡŒΡ†Ρƒ, вСдь Π² случаС Ρ‡Π΅Π³ΠΎ Π½Π΅ ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΡ‚ΡŒΡΡ Ρ‚Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ большиС дСньги Π½Π° устранСниС возникшСй нСисправности. Запчасти со скидкой ΠΌΠΎΠΆΠ΅Ρ‚ приобрСсти любой ΠΊΠ»ΠΈΠ΅Π½Ρ‚ нашСй ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ. Π’Π΅Π΄ΡŒ РСалАвто рСгулярно ΠΏΡ€ΠΎΠ²ΠΎΠ΄ΠΈΡ‚ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Π°ΠΊΡ†ΠΈΠΈ. Но Ссли Π²Ρ‹ Π½Π΅ ΠΏΠΎΠΏΠ°Π΄Π°Π΅Ρ‚Π΅ ΠΏΠΎΠ΄ условия Π°ΠΊΡ†ΠΈΠΈ – Π½Π΅ Ρ€Π°ΡΡΡ‚Ρ€Π°ΠΈΠ²Π°ΠΉΡ‚Π΅ΡΡŒ, вСдь Ρ†Π΅Π½Ρ‹ Π½Π° вСсь ассортимСнт ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ†ΠΈΠΈ ΠΈ Ρ‚Π°ΠΊ ΠΌΠΈΠ½ΠΈΠΌΠ°Π»Π΅Π½. ΠœΡ‹ Π·Π°ΠΊΠ°Π·Ρ‹Π²Π°Π΅ΠΌ запчасти Π½Π°ΠΏΡ€ΡΠΌΡƒΡŽ Ρƒ ΠΈΠ·Π³ΠΎΡ‚ΠΎΠ²ΠΈΡ‚Π΅Π»Π΅ΠΉ, Ρ‡Ρ‚ΠΎ позволяСт ΠΎΡΡƒΡ‰Π΅ΡΡ‚Π²Π»ΡΡ‚ΡŒ ΠΏΡ€ΠΎΠ΄Π°ΠΆΡƒ Π±Π΅Π· Π½Π°Ρ†Π΅Π½ΠΎΠΊ.


ΠœΡ‹ Π½Π΅ стрСмимся Π·Π°Π²Ρ‹ΡˆΠ°Ρ‚ΡŒ Ρ†Π΅Π½Ρ‹ Π½Π° запчасти hover h5 Π°Π²Ρ‚ΠΎΠΌΠ°Ρ‚. Π’Π΅Π΄ΡŒ Ссли ΠΊΠ»ΠΈΠ΅Π½Ρ‚Ρƒ понравится наша продукция ΠΈ обслуТиваниС, Ρ‚ΠΎ ΠΎΠ½ вСрнСтся ΠΊ Π½Π°ΠΌ снова, Π° это Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ Π²Ρ‹Π³ΠΎΠ΄Π½Π΅Π΅, Ρ‡Π΅ΠΌ Π΅Π΄ΠΈΠ½ΠΎΠΆΠ΄Ρ‹ ΠΏΡ€ΠΎΠ΄Π°Ρ‚ΡŒ Π·Π°ΠΏΡ‡Π°ΡΡ‚ΡŒ ΠΏΠΎ большой Ρ†Π΅Π½Π΅ ΠΈ большС Π½Π΅ ΠΈΠΌΠ΅Ρ‚ΡŒ ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ². А такая цСновая ΠΏΠΎΠ»ΠΈΡ‚ΠΈΠΊΠ° позволяСт Π½Π°ΠΌ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚ΡŒ всС Π½ΠΎΠ²Ρ‹Ρ… ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ². ΠŸΠΎΠΊΡƒΠΏΠ°Ρ‚Π΅Π»ΠΈ ΡΠΎΠ²Π΅Ρ‚ΡƒΡŽΡ‚ нас своим Π·Π½Π°ΠΊΠΎΠΌΡ‹ΠΌ. ΠŸΡ€ΠΈΠ΅Π·ΠΆΠ°ΠΉΡ‚Π΅ ΠΈ Π²Ρ‹ прямо сСйчас ΠΈ Π·Π°ΠΊΠ°Π·Ρ‹Π²Π°ΠΉΡ‚Π΅ запчасти!

КакиС ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹ эффСктов ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π½Π° WordPress?

Π—Π°Ρ‡Π΅ΠΌ Π½ΡƒΠΆΠ½Ρ‹ ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹ эффСктов

ΠŸΠ»Π°Π³ΠΈΠ½Ρ‹ WordPressΒ β€” это малСнькиС ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΌΠΎΠ³Π°ΡŽΡ‚ ΡΠΊΠΎΠ½Ρ„ΠΈΠ³ΡƒΡ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΒ ΠΎΡ„ΠΎΡ€ΠΌΠΈΡ‚ΡŒ сайт ΠΏΠ΅Ρ€Π΅Π΄ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½ΠΈΠ΅ΠΌ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° Π½Π°Β Π½Ρ‘ΠΌ. Π‘Β ΠΈΡ… ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΌΠΎΠΆΠ½ΠΎ Ρ€Π΅ΡˆΠ°Ρ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ Π·Π°Π΄Π°Ρ‡ΠΈΒ β€” от настройки поисковой ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ до добавлСния ΠΊΠΎΠ½Ρ‚Π°ΠΊΡ‚Π½Ρ‹Ρ… Ρ„ΠΎΡ€ΠΌ и размСщСния ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΌΠ°Π³Π°Π·ΠΈΠ½Π°. Плагинами ΠΎΡ‡Π΅Π½ΡŒ просто ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ благодаря ΠΈΠ½Ρ‚ΡƒΠΈΡ‚ΠΈΠ²Π½ΠΎ понятному интСрфСйсу.

Π‘Β ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² Π²Ρ‹Β ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΎΠ½Π½Ρ‹Π΅ эффСкты для WordPress, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ разнообразят ваш сайт. Π’Β ΡΡ‚Π°Ρ‚ΡŒΠ΅ мы расскаТСм ΠΎΒ Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… Ρ‚Π°ΠΊΠΈΡ… бСсплатных ΠΏΠ»Π°Π³ΠΈΠ½Π°Ρ….

Mouse cursor customizer

Плагин Mouse cursor customizer (настройщик курсора ΠΌΡ‹ΡˆΠΊΠΈ) позволяСт Π·Π°ΠΌΠ΅Π½ΠΈΡ‚ΡŒ стандартный курсор на любоС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π²Β Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°Ρ… PNG, JPG ΠΈΒ JPEG. Π—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, ΠΈΒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ вашСго сайта Π±ΡƒΠ΄ΡƒΡ‚ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ Π½ΠΎΠ²Ρ‹ΠΉ Π½Π΅ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹ΠΉ курсор. На страницС ΠΌΠΎΠΆΠ½ΠΎ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΠΎΠ΄ΠΈΠ½ Π²ΠΈΠ΄ курсора, Π°Β ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ на ссылки ΠΈΠ»ΠΈΒ ΠΊΠ½ΠΎΠΏΠΊΠΈΒ β€” Π΄Ρ€ΡƒΠ³ΠΎΠΉ. Π’Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ Ρ€Π΅Π³ΡƒΠ»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ ΠΎΠ±Π½ΠΎΠ²Π»Ρ‘Π½Π½ΠΎΠ³ΠΎ курсора Π½ΠΈΠΆΠ΅. Π—Π°ΠΌΠ΅Ρ‚ΡŒΡ‚Π΅, Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΈΒ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ на ссылку он мСняСтся:

Weather Effect

Π‘Β ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΠ»Π°Π³ΠΈΠ½Π° Weather effect (ΠŸΠΎΠ³ΠΎΠ΄Π½Ρ‹Π΅ эффСкты) ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ на страницы сайта Ρ€Π°Π·Π½Ρ‹Π΅ Β«ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΠ΅Β» ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹. Π­Ρ‚ΠΎ ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ ΠΏΠΎΠ³ΠΎΠ΄Π½Ρ‹Π΅ явлСния Ρ€Π°Π·Π½Ρ‹Ρ… Π²Ρ€Π΅ΠΌΡ‘Π½ Π³ΠΎΠ΄Π° (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ снСТинки, Π·Π²Ρ‘Π·Π΄ΠΎΡ‡ΠΊΠΈ, ΡΠΎΠ»Π½Ρ‹ΡˆΠΊΠΈ, ΠΊΠ°ΠΏΠ»ΠΈ доТдя, осСнниС Π»ΠΈΡΡ‚ΡŒΡ) ΠΈΠ»ΠΈΒ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹, ΠΏΡ€ΠΈΡƒΡ€ΠΎΡ‡Π΅Π½Π½Ρ‹Π΅ ΠΊΒ ΠΏΡ€Π°Π·Π΄Π½ΠΈΠΊΠ°ΠΌ (Π²Π°Π»Π΅Π½Ρ‚ΠΈΠ½ΠΊΠΈ, ΡˆΠ°Ρ€ΠΈΠΊΠΈ, роТдСствСнскиС ΠΏΠΎΠ΄Π°Ρ€ΠΊΠΈ). ВсС ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ Ρ€Π°Π·Π±ΠΈΡ‚Ρ‹ Π½Π°Β Π³Ρ€ΡƒΠΏΠΏΡ‹ ΠΏΠΎΒ Ρ‚Π΅ΠΌΠ°ΠΌ: РоТдСство, Π·ΠΈΠΌΠ°, осСнь, вСсна, Π»Π΅Ρ‚ΠΎ, доТдь, Π₯эллоуин, Π”Π΅Π½ΡŒ благодарСния, Π”Π΅Π½ΡŒ святого Π’Π°Π»Π΅Π½Ρ‚ΠΈΠ½Π°, Новый Π³ΠΎΠ΄. Π’Ρ‹Β ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Ρ€Π΅Π³ΡƒΠ»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ², ΠΈΡ… количСство ΠΈΒ ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ падСния на страницС сайта.

ΠŸΠΎΡΠΌΠΎΡ‚Ρ€ΠΈΡ‚Π΅, ΠΊΠ°ΠΊΒ ΠΌΠΎΠΆΠ΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ на вашСй страницС ΠΏΠ»Π°Π³ΠΈΠ½ WordPress Π­Ρ„Ρ„Π΅ΠΊΡ‚ Π²ΠΎΠ΄Ρ‹:

Easy Textillate

Плагин Easy Textillate ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½ для анимации тСкста на сайтС. ΠžΠ½Β ΠΎΡ‡Π΅Π½ΡŒ прост в использовании. Вы добавляСтС ΠΊΠ°ΠΊΠΎΠΉ-Π»ΠΈΠ±ΠΎ тСкст Π²Β ΠΎΠΊΠ½ΠΎ рСдактирования ΠΈΒ Π²Ρ‹Π±ΠΈΡ€Π°Π΅Ρ‚Π΅ Π½ΡƒΠΆΠ½Ρ‹Π΅ эффСкты ВордпрСсс. Π’Β ΠΎΠΊΠ½Π΅ прСдпросмотра ΠΌΠΎΠΆΠ½ΠΎ сразу ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ, ΠΊΠ°ΠΊΒ Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ анимация на сайтС. ΠŸΡ€ΠΈΒ ΡΡ‚ΠΎΠΌ автоматичСски создаётся ΡˆΠΎΡ€Ρ‚ΠΊΠΎΠ΄. Π’Π°ΠΌ остаётся Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΡΠΊΠΎΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΡˆΠΎΡ€Ρ‚ΠΊΠΎΠ΄ ΠΈΒ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π΅Π³ΠΎ на страницы, в записи ΠΈΠ»ΠΈΒ Π²ΠΈΠ΄ΠΆΠ΅Ρ‚Ρ‹ сайта (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ, ΠΎΠ±Π»Π°ΠΊΠΎ ΠΌΠ΅Ρ‚ΠΎΠΊ, поиск).

Плагин ΠΈΠΌΠ΅Π΅Ρ‚ большоС количСство эффСктов Π΄Π»ΡΒ Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎΠΉ ΠΈΒ ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎΠΉ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈΒ β€” как тСкст появляСтся на страницС ΠΈΒ ΠΊΠ°ΠΊ он исчСзаСт. Π’Ρ‹Β ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΎΠΏΡ†ΠΈΠΈ ΡˆΠΎΡ€Ρ‚ΠΊΠΎΠ΄Π°: Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΡˆΡ€ΠΈΡ„Ρ‚ для тСкста, Π΅Π³ΠΎ Ρ†Π²Π΅Ρ‚ ΠΈΒ Ρ€Π°Π·ΠΌΠ΅Ρ€.

ΠšΠ°ΠΊΒ Π²Ρ‹Π³Π»ΡΠ΄ΠΈΡ‚ созданиС Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ для тСкста Π²Β Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅:

Π‘ΠΊΠΎΠΏΠΈΡ€ΡƒΠ΅ΠΌ ΠΏΠΎΠ»ΡƒΡ‡Π΅Π½Π½Ρ‹ΠΉ ΡˆΠΎΡ€Ρ‚ΠΊΠΎΠ΄ ΠΈΒ Π΄ΠΎΠ±Π°Π²ΠΈΠΌ Π΅Π³ΠΎ на страницу сайта Π²Β Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅:

А вот как выглядит Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ на сайтС — Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ тСкст стал Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΌ:

Image Hover Effects Ultimate

Плагин Image Hover Effects Ultimate Π½ΡƒΠΆΠ΅Π½ для добавлСния hover-эффСкта — эффСкта навСдСния. Π­Ρ‚ΠΎ Π·Π½Π°Ρ‡ΠΈΡ‚, Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΈΒ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ курсора Π½Π°Β ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ или тСкст появляСтся анимация.

В бСсплатной вСрсии этого ΠΏΠ»Π°Π³ΠΈΠ½Π° Π΅ΡΡ‚ΡŒ 8 Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… эффСктов для настройки Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ ΠΏΡ€ΠΈΒ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ. В настройках Π²Ρ‹Β ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ любоС Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠ»ΠΈΒ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ тСкст, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠΎΡΠ²Π»ΡΡ‚ΡŒΡΡ ΠΏΡ€ΠΈΒ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ. ПослС этого достаточно ΡΠΊΠΎΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ²ΡˆΠΈΠΉΡΡ ΡˆΠΎΡ€Ρ‚ΠΊΠΎΠ΄ ΠΈΒ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π΅Π³ΠΎ Π²Β Π»ΡŽΠ±ΡƒΡŽ запись на сайтС ΠΈΠ»ΠΈΒ Π½Π° страницу.

Рассмотрим ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹. Один из эффСктов ΠΏΠ»Π°Π³ΠΈΠ½Π°Β β€” General Effects:

Π­Ρ„Ρ„Π΅ΠΊΡ‚ Flipbox Effects:

Hover EffectsΒ β€” easily create any hover effect

Π•Ρ‰Ρ‘ ΠΎΠ΄ΠΈΠ½ ΠΏΠ»Π°Π³ΠΈΠ½ Hover Effects с 39 интСрСсными эффСктами для WordPress. МоТно Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ ΠΏΡ€ΠΈΒ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ курсора ΠΊΠ°ΠΊΒ Π½Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Ρ‚Π°ΠΊ ΠΈΒ Π½Π° тСкст.

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ этот ΠΏΠ»Π°Π³ΠΈΠ½ ΠΎΡ‡Π΅Π½ΡŒ просто. НуТно навСсти курсор на эффСкт в мСню ΠΏΠ»Π°Π³ΠΈΠ½Π°, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ, ΠΊΠ°ΠΊΒ Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ анимация:

Π—Π°Ρ‚Π΅ΠΌ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΆΠ°Ρ‚ΡŒ Π½Π°Β ΠΏΠΎΠ½Ρ€Π°Π²ΠΈΠ²ΡˆΠΈΠΉΡΡ эффСкт. АвтоматичСски скопируСтся ΠΊΠΎΠ΄. Когда Π²Ρ‹Β Π±ΡƒΠ΄Π΅Ρ‚Π΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ запись или страницу, Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ этот ΠΊΠΎΠ΄ Π²Β ΠΏΠΎΠ»Π΅ Β«Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ классы CSSΒ»:

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ Π΄Π²ΡƒΡ… Ρ€Π°Π·Π½Ρ‹Ρ… эффСктов Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ тСкста и изобраТСния на сайтС:

Image Hover Effects Addon forΒ Elementor

Π‘Β ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Image Hover Effects Addon forΒ Elementor Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ эффСкты ΠΏΡ€ΠΈΒ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ курсора. Π­Ρ‚ΠΎΡ‚ ΠΏΠ»Π°Π³ΠΈΠ½ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ, Ссли у вас Π΅ΡΡ‚ΡŒ ΠΏΠ»Π°Π³ΠΈΠ½ Elementor. НапримСр, на хостингС для WordPress ΠΎΠ½Β ΡƒΠΆΠ΅ установлСн.

Π‘Β ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠΌ Image Hover Effects Addon forΒ Elementor ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ эффСкт Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈΒ β€” ΠΏΡ€ΠΈΒ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ курсора Π½Π°Β ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠΎΡΠ²Π»ΡΡ‚ΡŒΡΡ тСкст. НачнитС Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ страницу чСрСз конструктор страниц Elementor. Π—Π°Ρ‚Π΅ΠΌ ΠΏΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΡ‚Π΅ Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ Image Hover Effects, Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π²ΠΈΠ΄ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ, ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈΒ Π²Π²Π΅Π΄ΠΈΡ‚Π΅ тСкст, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠΎΡΠ²Π»ΡΡ‚ΡŒΡΡ ΠΏΡ€ΠΈΒ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ:

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ на сайтС:

Помогла Π»ΠΈ Π²Π°ΠΌ ΡΡ‚Π°Ρ‚ΡŒΡ?

14
Ρ€Π°Π· ΡƒΠΆΠ΅ ΠΏΠΎΠΌΠΎΠ³Π»Π°

CSS Magic #7. Hover-эффСкт ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΊΠ°ΠΊ Π½Π° Авито

HTML/CSS 3 min

ΠŸΡ€ΠΈΠ²Π΅Ρ‚! Новая Ρ‡Π°ΡΡ‚ΡŒ CSS Magic — сдСлаСм интСрСсный Ρ…ΠΎΠ²Π΅Ρ€-эффСкт, ΠΊΠ°ΠΊ Ρƒ Авито, Π½Π° чистом CSS

БовсСм Π½Π΅Π΄Π°Π²Π½ΠΎ Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊ попросил ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ эффСкт ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ Π½Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΊΠ°ΠΊ Π½Π° Π°Π²ΠΈΡ‚ΠΎ ΠΈΠ»ΠΈ auto. ru. Π’Π°ΠΌ ΠΊΠ°ΠΊ Ρ€Π°Π·, Ссли Ρ‡ΡƒΡ‚ΡŒ ΠΏΡ€ΠΎΠ»ΠΈΡΡ‚Π½ΡƒΡ‚ΡŒ, Π΅ΡΡ‚ΡŒ Π±Π»ΠΎΠΊΠΈ с фотографиями ΠΈ описаниСм ΠΌΠ°ΡˆΠΈΠ½Ρ‹, ΠΈ Ссли Π½Π°Π²ΠΎΠ΄ΠΈΡ‚ΡŒ Π½Π° Ρ„ΠΎΡ‚ΠΎ β€” появляСтся Ρ€Π°Π·Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Π΅Π΅ Π½Π° 5 Ρ€Π°Π·Π½Ρ‹Ρ… Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ, ΠΈ Π² зависимости ΠΎΡ‚ области навСдСния ΠΏΠΎΡΠ²Π»ΡΡŽΡ‚ΡΡ Ρ€Π°Π·Π½Ρ‹Π΅ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ. Π£Π΄ΠΎΠ±Π½ΠΎ. Вакая ΠΌΠΈΠ½ΠΈ-галСрСя получаСтся. Π’ΠΎΡ‚ сСйчас ΠΊΠ°ΠΊ Ρ€Π°Π· ΠΏΠΎΠΊΠ°ΠΆΡƒ, ΠΊΠ°ΠΊ Ρ‚Π°ΠΊΠΎΠ΅ Π΄Π΅Π»Π°Ρ‚ΡŒ Π½Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ Ρ‚Ρ€Π΅Ρ… Ρ„ΠΎΡ‚ΠΎ.

HTML

<div>
<img src="https://img4.goodfon.ru/wallpaper/nbig/5/6e/abstrakitsiia-fon-polosy-cherno-krasnyi-tsvet.jpg" alt="">
<div>
<div>
<div>
<img src="https://img4.goodfon.ru/wallpaper/nbig/5/6e/abstrakitsiia-fon-polosy-cherno-krasnyi-tsvet.jpg" alt="">
</div>
</div>
<div>
<div>
<img src="https://uwalls.ru/gallery/5/source/29577.jpg" alt="">
</div>
</div>
<div>
<div>
<img src="https://i.ytimg.com/vi/BwBhaQoiV94/maxresdefault.jpg" alt="">
</div>
</div>
</div>
</div>

НС самая простая Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠ°, которая содСрТит Π² сСбС Π³Π»Π°Π²Π½Ρ‹ΠΉ Π±Π»ΠΎΠΊ . image, ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ (которая Π±ΡƒΠ΄Π΅Ρ‚ стартовой ΠΈ Ρ‚Π°ΠΊ ΠΆΠ΅ ΠΎΠ½Π° ΠΆΠ΅ Π΄ΠΎΠ»ΠΆΠ½Π° Π±Ρ‹Ρ‚ΡŒ вставлСна Π² ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ «слайд»), Π° Ρ‚Π°ΠΊ ΠΆΠ΅ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ слайдов .image-switch ΠΈ сами слайды .image-switch-item. Ну ΠΈ Π²Π½ΡƒΡ‚Ρ€ΠΈ Π°ΠΉΡ‚Π΅ΠΌΠΎΠ² Ρ‚Π°ΠΊ ΠΆΠ΅ Π΅ΡΡ‚ΡŒ сами Π±Π»ΠΎΠΊΠΈ с ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°ΠΌΠΈ .switched-image, ΠΎΠ½ΠΈ сдСланы Π°Π±ΡΠΎΠ»ΡŽΡ‚ΠΎΠΌ, Π½ΠΎ ΠΎΠ± этом Π½ΠΈΠΆΠ΅.

CSS

.image {
position: relative;
width: 500px;
height: 400px;
margin: 0 auto;
overflow: hidden;
transition: all 0.3s ease-in-out;
}

.image-switch {
position: absolute;
left: 0;
top: 0;
z-index: 20;
width: 100%;
height: 100%;
display: flex;
opacity: 0;
transition: all 0.3s ease-in-out;
}

img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}

.image-switch-item {
width: 33.33%;
transition: all 0.3s ease-in-out;
cursor: pointer;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding-bottom: 5px;
}

. image-switch-item::after {
content: "";
width: 90%;
margin: 0 auto;
height: 3px;
background-color: rgba(255,255,255, 0.4);
border-radius: 10px;
z-index: 2;
position: relative;
transition: all 0.3s ease-in-out;
}

.switched-image {
position: absolute;
left: 50%;
top: 0;
opacity: 0;
z-index: 2;
transition: all 0.3s ease-in-out;
width: 100%;
height: 100%;
transform: translateX(-50%);
pointer-events: none;
}

.image:hover .image-switch {
opacity: 1;
transition: all 0.3s ease-in-out;
}

.image-switch-item:hover .switched-image {
transition: all 0.3s ease-in-out;
opacity: 1;
z-index: -1;
}

.image-switch-item:hover::after {
background-color: #fff;
transition: all 0.3s ease-in-out;
}

ΠŸΠΎΡΡ‚Π°Ρ€Π°ΡŽΡΡŒ ΠΎΠ±ΡŠΡΡΠ½ΠΈΡ‚ΡŒ Π½Π° ΠΏΠ°Π»ΡŒΡ†Π°Ρ…, ΠΈΠ±ΠΎ Π½Π΅ совсСм ясная структура вырисовываСтся.

  1. Π˜Ρ‚Π°ΠΊ, Ρƒ нас Π΅ΡΡ‚ΡŒ Π±Π»ΠΎΠΊ .image, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΈΠΌΠ΅Π΅Ρ‚ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΈ Ρ†Π΅Π½Ρ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Π½. Π’Π½ΡƒΡ‚Ρ€ΠΈ Π½Π΅Π³ΠΎ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°, здСсь сдСлано Ρ‚Π°ΠΊ, Ρ‡Ρ‚ΠΎ любая ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ‚ 100% родитСля ΠΈ растягиваСтся, Ссли Π½Π°Π΄ΠΎ (Ρ‡Π΅Ρ€Π΅Π· object-fit).
  2. Π•ΡΡ‚ΡŒ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€ слайдов — .image-switch. Π˜Π·Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎ ΠΎΠ½ Π°Π±ΡΠΎΠ»ΡŽΡ‚Π½Ρ‹ΠΉ, растянут Π½Π° 100% родитСля, ΠΈΠΌΠ΅Π΅Ρ‚ display: flex для размСщСния слайдов Π² строку, Π° Ρ‚Π°ΠΊ ΠΆΠ΅ скрыт ΠΎΡ‚ нас (ΠΈΠΌΠ΅Π΅Ρ‚ opacity: 0), Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎ Π±Ρ‹Π»Π° Π²ΠΈΠ΄Π½Π° самая пСрвая ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°.
  3. Π•ΡΡ‚ΡŒ сами слайды .image-switch-item, ΠΎΠ½ΠΈ ΠΈΠΌΠ΅ΡŽΡ‚ flex для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ Π±Π΅Π»Ρ‹ΠΉ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ ΠΈΠΌΠ΅Π½Π½ΠΎ снизу.
  4. Π•ΡΡ‚ΡŒ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€ для Ρ„ΠΎΡ‚ΠΎ — .switched-image. Он Ρ‚Π°ΠΊ ΠΆΠ΅ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ Π°Π±ΡΠΎΠ»ΡŽΡ‚ΠΎΠΌ, ΠΈ ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ Ρƒ .image-switch-item Π½Π΅Ρ‚ Π½ΠΈ position: relative, Π½ΠΈ position: absolute — ΠΎΠ½ позиционируСтся ΠΎΡ‚ блиТайшСго элСмСнта с этими свойствами — это элСмСнт .image-switch, Ρ‚.Π΅. ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€ для слайдов. Π­Ρ‚ΠΎ сдСлано Π½Π΅ случайно, Π° Ρ‡Ρ‚ΠΎΠ±Ρ‹ фотография Π² ΠΈΡ‚ΠΎΠ³Π΅ Π±Ρ‹Π»Π° Π½Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ со слайд, Π° Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ с ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€, Ρ‚. Π΅. 100% ΠΈΠ·Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎΠΉ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ. Ну ΠΈ ΠΎΡ‡Π΅Π½ΡŒ Π²Π°ΠΆΠ½ΠΎ, Ρ‡Ρ‚ΠΎ Ρƒ Π½ΠΈΡ… Ρƒ всСх стоит pointer-events: none, с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ эти Π±Π»ΠΎΠΊΠΈ Π½ΠΈΠΊΠ°ΠΊ Π½Π΅ ΠΏΠΎΠ΄Ρ‡ΠΈΠ½ΡΡŽΡ‚ΡΡ навСдСнию, Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΡŽ ΠΈ Ρ‚.Π΄.
  5. Ну ΠΈ дальшС сама магия. Π‘ΠΏΠ΅Ρ€Π²Π°, ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ Π½Π° .image, ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅ΠΌ .image-switch — ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€ слайдов, мСняя opacity Π½Π° 1.
  6. Π—Π°Ρ‚Π΅ΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½Ρ‹ΠΉ слайд, ΠΌΡ‹ ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ Π½Π° .image-switch-item мСняСм Ρƒ .switched-image opacity Π½Π° 1. А Ρ‚Π°ΠΊ ΠΆΠ΅, для Ρ‚ΠΎΠ³ΠΎ Ρ‡Ρ‚ΠΎΠ±Ρ‹ наши Π±Π»ΠΎΠΊΠΈ (ΠΏΠΎΠ»ΡƒΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹Π΅ Π±Π΅Π»Ρ‹Π΅) ΠΎΡΡ‚Π°Π»ΠΈΡΡŒ Π²ΠΈΠ΄Π½Ρ‹ — мСняСм z-index Π½Π° -1. Если Π²Π°ΠΌ эти ΠΌΠ΅Π»ΠΎΡ‡ΠΈ Π½Π΅ Π½ΡƒΠΆΠ½Ρ‹ — Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡ… ΡƒΠ±Ρ€Π°Ρ‚ΡŒ ΠΈ Ρ‚Π°ΠΊ ΠΆΠ΅ ΡƒΠ±Ρ€Π°Ρ‚ΡŒ z-index: -1 ΠΈΠ· стилСй.
  7. Ну ΠΈ Π² ΠΊΠΎΠ½Ρ†Π΅ мСняСм ΠΏΠΎΠ»ΡƒΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹ΠΉ Π±Π΅Π»Ρ‹ΠΉ Ρ„ΠΎΠ½ Π½Π° просто Π±Π΅Π»Ρ‹ΠΉ.

Π’ΠΎΡ‚ собствСнно ΠΈ всС. НадСюсь, Π’Π°ΠΌ Π±Ρ‹Π»ΠΎ Π±ΠΎΠ»Π΅Π΅-ΠΌΠ΅Π½Π΅Π΅ понятно) Если Π½Π΅Ρ‚ — ΠΏΠΈΡˆΠΈΡ‚Π΅ вопросы Π² Π»ΠΈΡ‡ΠΊΡƒ ΠΈΠ»ΠΈ Π² ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ — ΠΎΡ‚Π²Π΅Ρ‡Ρƒ)

Как ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ, ΠΏΠ΅Π½:

УспСхов Π’Π°ΠΌ, Π΄Ρ€ΡƒΠ·ΡŒΡ, ΠΈ Π΄ΠΎ скорого)

Об Π°Π²Ρ‚ΠΎΡ€Π΅ Π±Π»ΠΎΠ³Π°

MaxGraph

Автор. Π’Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ. ЀрилансСр. ΠŸΡ€Π΅ΠΏΠΎΠ΄Π°Π²Π°Ρ‚Π΅Π»ΡŒ Π² ΠΎΠ½Π»Π°ΠΉΠ½-унивСрситСтС.

ΠŸΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ: https://maxgraph.ru/
Π”ΠΎΠ±Π°Π²Π»ΡΠΉΡ‚Π΅ΡΡŒ Π² Π΄Ρ€ΡƒΠ·ΡŒΡ VK! ΠšΠ°ΠΆΠ΄ΠΎΠΌΡƒ Π΄ΠΎΠ±Π°Π²ΠΈΠ²ΡˆΠ΅ΠΌΡƒΡΡ ΠΈ Π½Π°ΠΏΠΈΡΠ°Π²ΡˆΠ΅ΠΌΡƒ Π² Π»ΠΈΡ‡ΠΊΡƒ Β«Ρ…ΠΎΡ‡Ρƒ ΠΏΠΎΠ»Π΅Π·Π½ΠΎΡΡ‚ΡŒΒ» β€” ΠΏΠΎΠ΄Π°Ρ€ΡŽ Π½Π°Π±ΠΎΡ€ ΠΊΡ€ΡƒΡ‚Ρ‹Ρ… ссылок для Π²Π΅Ρ€ΡΡ‚Π°Π»ΡŒΡ‰ΠΈΠΊΠ°.

33 hover-эффСкта Π½Π° CSS3, ΠΎ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… слСдуСт Π·Π½Π°Ρ‚ΡŒ ΠΊΠ°ΠΆΠ΄ΠΎΠΌΡƒ

БСгодня я Ρ…ΠΎΡ‡Ρƒ ΠΏΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡ с Π²Π°ΠΌΠΈ ΠΏΠΎΠ΄Π±ΠΎΡ€ΠΊΠΎΠΉ, состоящСй ΠΈΠ· 33 hover-эффСктов, основанных Π½Π° CSS3.

Как ΡƒΠΆΠ΅ понятно ΠΈΠ· Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°, здСсь Π²Ρ‹ Π½Π°ΠΉΠ΄Π΅Ρ‚Π΅ ΠΊΠΎΠ»Π»Π΅ΠΊΡ†ΠΈΡŽ, ΡΠΎΡΡ‚ΠΎΡΡ‰ΡƒΡŽ ΠΈΠ· 10 нСвСроятно ΡΡ‚ΠΈΠ»ΡŒΠ½Ρ‹Ρ… CSS эффСктов:

Π­Ρ‚ΠΎΡ‚ нСвСроятный CSS3-эффСкт ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°ΠΌ Π΄ΠΎΠ±ΠΈΡ‚ΡŒΡΡ ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π°. ΠŸΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ курсора Π½Π° элСмСнты страницы эффСкт Π½Π°Ρ‡ΠΈΠ½Π°Π΅Ρ‚ ΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚ΡŒ Π·Π° ΡƒΠΊΠ°Π·Π°Ρ‚Π΅Π»Π΅ΠΌ, создавая нСвСроятный Ρ‚Ρ€Π΅Ρ…ΠΌΠ΅Ρ€Π½Ρ‹ΠΉ эффСкт:

НСсмотря Π½Π° Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ этот эффСкт ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎ ΠΏΡ€Π°Π²Ρƒ ΡΡ‡ΠΈΡ‚Π°Ρ‚ΡŒ самым распространСнным, ΠΎΠ½ ΠΏΠΎ-ΠΏΡ€Π΅ΠΆΠ½Π΅ΠΌΡƒ способСн ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚ΡŒ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅:

Если Π²Π°ΠΌ Π½ΡƒΠΆΠ½Ρ‹ ΠΊΡ€ΡƒΠ³ΠΎΠ²Ρ‹Π΅ эффСкты Π½Π° CSS3-ΠΊΠΎΠ΄Π΅, Ρ‚ΠΎ Π²Ρ‹ ΠΏΠΎΠΏΠ°Π»ΠΈ Π² Π½ΡƒΠΆΠ½ΠΎΠ΅ мСсто! Π—Π΄Π΅ΡΡŒ ΠΈΡ… Ρ†Π΅Π»Ρ‹Ρ… 12 ΡˆΡ‚ΡƒΠΊ!

Π•Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ интСрСсный CSS эффСкт ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ курсора, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ нСвСроятно ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΌΠΈΠ½ΠΈΠ°Ρ‚ΡŽΡ€Ρ‹ ΠΈΠ»ΠΈ ΡƒΠΊΡ€Π°ΡΠΈΡ‚ΡŒ Π»ΡŽΠ±Ρ‹Π΅ изобраТСния:

ΠŸΡ€Π΅Π΄Π»Π°Π³Π°Π΅ΠΌ Π²Π°ΡˆΠ΅ΠΌΡƒ вниманию нСсколько эффСктов ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΠΈ. ВсС ΠΎΠ½ΠΈ достаточно ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹, ΠΈ идСально ΠΏΠΎΠ΄ΠΎΠΉΠ΄ΡƒΡ‚ для сайтов любого Ρ‚ΠΈΠΏΠ°:

Π•Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ Π½Π°Π±ΠΎΡ€, состоящий ΠΈΠ· 10 Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… CSS3-эффСктов. Π‘ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ ΠΈΠ· Π½ΠΈΡ… ΠΎΡ‡Π΅Π½ΡŒ Π²ΠΏΠ΅Ρ‡Π°Ρ‚Π»ΡΡŽΡ‰ΠΈΠ΅:

Данная коллСкция Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Π² сСбя Ρ‡Π΅Ρ‚Ρ‹Ρ€Π΅ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… эффСкта ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ Π½Π° ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ CSS. ΠšΠ°ΠΆΠ΄Ρ‹ΠΉ эффСкт раскрываСт Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΈ описаниС:

Π—Π°Π±Π°Π²Π½Ρ‹ΠΉ ΠΈ интСрСсный эффСкт ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ курсора Π½Π° изобраТСния. Он Ρ…ΠΎΡ€ΠΎΡˆΠΎ ΠΏΠΎΠ΄ΠΎΠΉΠ΄Π΅Ρ‚ для Ρ€Π°Π·Π΄Π΅Π»Π° ΠΎΡ‚Π·Ρ‹Π²ΠΎΠ² ΠΈΠ»ΠΈ списка сотрудников с ΠΈΡ… фотографиями:

Π­Ρ„Ρ„Π΅ΠΊΡ‚, Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½Π½Ρ‹ΠΉ Π² Π²ΠΈΠ½Ρ‚Π°ΠΆΠ½ΠΎΠΌ стилС, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Ρ‚ΠΎΡ‡Π½ΠΎ Π½Π°ΠΏΠΎΠΌΠ½ΠΈΡ‚ Π²Π°ΠΌ ΠΎ ΠΏΡ€ΠΎΡˆΠ»ΠΎΠΌ!

НСсмотря Π½Π° Π½Π°Π·Π²Π°Π½ΠΈΠ΅, это нСпросто эффСкт. Он ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ ΠΈ слСгка измСняСт ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ прозрачности ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ курсора:

Π•Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ простой, Π½ΠΎ ΠΎΡ‡Π΅Π½ΡŒ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ CSS эффСкт. ΠŸΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ курсора ΠΌΡ‹ΡˆΠΈ Π½Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΎΠ½ΠΎ пСрСворачиваСтся, раскрывая ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΈ описаниС:

Пока Π½Π΅ Π½Π°Π²Π΅Π΄Π΅Ρ‚Π΅ курсор Π½Π° ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ, Π½Π΅ ΠΏΠΎΠΉΠΌΠ΅Ρ‚Π΅ всСй красоты эффСкта. БСссистСмныС Π»ΠΈΠ½ΠΈΠΈ ΠΌΠΎΠΌΠ΅Π½Ρ‚Π°Π»ΡŒΠ½ΠΎ Π²Ρ‹ΡΡ‚Ρ€Π°ΠΈΠ²Π°ΡŽΡ‚ΡΡ Π² Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Ρ‚ΡƒΡ‚ ΠΆΠ΅ оформляСтся Ρ†Π²Π΅Ρ‚ΠΎΠΌ:

Π”ΠΎΠ»ΠΆΠ΅Π½ ΠΏΡ€ΠΈΠ·Π½Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ это самый интСрСсный CSS hover эффСкт ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ. ΠŸΡ€ΠΎΡΡ‚ΠΎ нСвСроятно, ΠΊΠ°ΠΊ ΠΎΠ΄Π½ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ раскрываСт Π΄Ρ€ΡƒΠ³ΠΎΠ΅!

ΠžΡ‡Π΅Π½ΡŒ простой эффСкт, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ всС Ρ€Π°Π²Π½ΠΎ способСн Π²ΠΏΠ΅Ρ‡Π°Ρ‚Π»ΠΈΡ‚ΡŒ. НавСдСниС курсора Π½Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΡ€ΠΈΠ²ΠΎΠ΄ΠΈΡ‚ ΠΊ Π½Π΅Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΌΡƒ измСнСнию уровня прозрачности ΠΈ ΡΠΌΠ΅Ρ‰Π΅Π½ΠΈΡŽ фокуса внимания Π½Π° ссылку:

Π’ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, это Π½Π΅ самый ΠΏΡ€Π°ΠΊΡ‚ΠΈΡ‡Π½Ρ‹ΠΉ эффСкт, ΠΎΠ΄Π½Π°ΠΊΠΎ ΠΎΠ½ Ρ‚ΠΎΡ‡Π½ΠΎ Π·Π°Π±Π°Π²Π½Ρ‹ΠΉ! НавСдитС курсор Π½Π° солнцСзащитныС ΠΎΡ‡ΠΊΠΈ, ΠΈ начнСтся магия!

Π’Π°ΠΌ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ стоит ΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΈΠ· Π½ΠΈΡ…, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ всС ΠΎΠ½ΠΈ ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ изобраТСния ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΌΠΈ!

Π­Ρ‚ΠΎΡ‚ ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉ hover CSS эффСкт ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎ ΠΏΠΎΠ΄ΠΎΠΉΠ΄Π΅Ρ‚ для тСкста, ΠΊΠ½ΠΎΠΏΠΎΠΊ ΠΈΠ»ΠΈ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ:

НС Π·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ ΡƒΠΊΡ€Π°ΡΠΈΡ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΠΈ поиска ΠΈΠ»ΠΈ ΠΊΠ°Ρ€Ρ‚Ρ‹? Π’ΠΎΠ³Π΄Π° это Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ для вас! ΠŸΠ»Π°Π²Π½Ρ‹Π΅ трансформации Π±ΡƒΠ΄ΡƒΡ‚ приятны Π»ΡŽΠ±ΠΎΠΌΡƒ Π³Π»Π°Π·Ρƒ:

Π­Ρ„Ρ„Π΅ΠΊΡ‚ ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎ ΠΏΠΎΠ΄ΠΎΠΉΠ΄Π΅Ρ‚ для скрытия ΠΊΠ½ΠΎΠΏΠΎΠΊ ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… сСтСй, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π±ΡƒΠ΄ΡƒΡ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ лишь ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ курсора:

Π­Ρ‚ΠΎΡ‚ CSS эффСкт ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ ΠΎΡ‚ΠΎΠ±Ρ€Π°Π·ΠΈΡ‚ΡŒ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΎ Ρ‚ΠΎΠ²Π°Ρ€Π°Ρ… Π² ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΌΠ°Π³Π°Π·ΠΈΠ½Π΅:

Π˜Π΄Π΅Π°Π»ΡŒΠ½Ρ‹ΠΉ эффСкт ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ для Ρ€Π°Π·Π΄Π΅Π»Π° ΠΊΠΎΠ½Ρ‚Π°ΠΊΡ‚ΠΎΠ². Π­Ρ‚ΠΎΡ‚ Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅Ρ‚ ΠΊΠΎΠ½Ρ‚Π°ΠΊΡ‚Π½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ Π½Π° Ρ€Π°Π·Π²ΠΎΡ€ΠΎΡ‚Π΅. Но происходит это Ρ‚ΠΎΠ»ΡŒΠΊΠΎ послС навСдСния курсора:

Π£Π½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉ эффСкт ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ позволяСт Π·Π°ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ‚Ρ€Π°Π΄ΠΈΡ†ΠΈΠΎΠ½Π½ΡƒΡŽ ΠΊΠ½ΠΎΠΏΠΊΡƒ β€œΠ’Π²Π΅Ρ€Ρ…β€ Π½Π° Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½ΡƒΡŽ:

Π—Π΄Π΅ΡΡŒ прСдставлСно сразу Π΄Π²Π° эффСкта. ΠšΡ€ΠΎΠΌΠ΅ увСличСния ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ эффСкт Ρ‚Π°ΠΊΠΆΠ΅ измСняСт ΠΎΠ±Π»Π°ΡΡ‚ΡŒ отобраТСния ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ курсора Π½Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅:

Π­Ρ‚ΠΎΡ‚ CSS эффСкт для сайта Π±Ρ‹Π» Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ ΠΏΠΎΠ΄ Π²Π΄ΠΎΡ…Π½ΠΎΠ²Π΅Π½ΠΈΠ΅ΠΌ ΠΎΡ‚ Π²ΠΈΠ΄Π΅ΠΎ, посвящСнного OS X Yosemite:

Π•Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ ΠΊΡ€ΡƒΠ³Π»Ρ‹ΠΉ эффСкт, ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΠΌΡ‹ΠΉ ΠΊ ΠΊΡ€ΡƒΠ³ΠΎΠ²Ρ‹ΠΌ изобраТСниям. Π—Π΄Π΅ΡΡŒ прСдставлСно Ρ‡Π΅Ρ‚Ρ‹Ρ€Π΅ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… hover-стиля:

Π­Ρ‚ΠΎΡ‚ эффСкт прСдставляСт собой воссозданиС Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ ΠΈΠΊΠΎΠ½ΠΊΠΈ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° Safari. МоТно Π±Π΅Π· Ρ‚Ρ€ΡƒΠ΄Π° Π·Π°ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΡƒ собствСнной ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΎΠΉ ΠΈΠ»ΠΈ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠΎΠΌ:

Π­Ρ‚ΠΎΡ‚ простой CSS эффСкт ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΊΠ°ΠΊ ΠΊ ΠΊΠ½ΠΎΠΏΠΊΠ°ΠΌ, Ρ‚Π°ΠΊ ΠΈ ΠΊ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°ΠΌ. НСбольшоС количСство подсвСтки ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π½Π° страницС Π² Π»ΡƒΡ‡ΡˆΠ΅ΠΌ свСтС:

Если Π²Ρ‹ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚Π΅ Π½Π°Π΄ ΠΏΠ»ΠΎΡ‰Π°Π΄ΠΊΠΎΠΉ для размСщСния Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ ΠΈΠ»ΠΈ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ, Ρ‚ΠΎ этот эффСкт ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΡ€ΠΈΠ³ΠΎΠ΄ΠΈΡ‚ΡŒΡΡ. ΠŸΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ курсора ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ складываСтся Π² Π·Π°Π±Π°Π²Π½ΠΎΠΉ ΠΌΠ°Π½Π΅Ρ€Π΅, раскрывая ΠΏΡ€ΠΈ этом Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ:

Π˜Π½Ρ‚Π΅Ρ€Π΅ΡΠ½Ρ‹ΠΉ эффСкт, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΊ изобраТСниям Π½Π° сайтС. Он ΠΊΠ°ΠΊ Π±Ρ‹ Ρ€Π°Π·Π³Π»Π°ΠΆΠΈΠ²Π°Π΅Ρ‚ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ курсора:

Π­Ρ‚ΠΎΡ‚ интСрСсный CSS эффСкт ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ позволяСт ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒ Ρ„ΠΎΠ½ ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ курсора Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡƒ:

Π•Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ эффСкт ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ, ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ Π½Π° Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅. Он позволяСт слСгка ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ прозрачности изобраТСния, ΠΊΠ°ΠΊ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½Π° Π½Π΅ΠΌ окаТСтся курсор ΠΌΡ‹ΡˆΠΈ:

Π­Ρ‚ΠΈ красивыС hover CSS эффСкты устроСны довольно интСрСсно. Настоящая анимация ΠΈ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΠ΅ΠΌΡ‹Π΅ SVG-ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠΎΠ΄ΠΎΠ±Π½Ρ‹Π΅ эффСкты Π½Π° сайтах любого Ρ‚ΠΈΠΏΠ°:

Π­Ρ‚ΠΎ, ΠΏΠΎΠΆΠ°Π»ΡƒΠΉ, Π»ΡƒΡ‡ΡˆΠΈΠ΅ эффСкты, созданныС с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ CSS3, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠ½Π΅ ΡƒΠ΄Π°Π»ΠΎΡΡŒ Π½Π°ΠΉΡ‚ΠΈ. Как ΠΎΠ½ΠΈ Π²Π°ΠΌ? КакиС ΠΈΠ· Π½ΠΈΡ… Π²Ρ‹ ΠΏΠ»Π°Π½ΠΈΡ€ΡƒΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π² собствСнных ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°Ρ…? ΠΠ°ΠΏΠΈΡˆΠΈΡ‚Π΅ ΠΎΠ± этом Π² коммСнтариях.

Данная публикация являСтся ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄ΠΎΠΌ ΡΡ‚Π°Ρ‚ΡŒΠΈ Β«30+ CSS3 Hover Effects You should be Familiar WithΒ» , подготовлСнная Ρ€Π΅Π΄Π°ΠΊΡ†ΠΈΠ΅ΠΉ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°.

Π€ΠΎΡ‚ΠΎΡΡŠΠ΅ΠΌΠΊΠ° с HOVER | Hover Help Center

Π§Π΅ΠΌ Π»ΡƒΡ‡ΡˆΠ΅ ваши Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ, Ρ‚Π΅ΠΌ быстрСС ΠΌΡ‹ доставим Π²Π°ΠΌ 3D-модСль ΠΈ измСрСния. Π’ этом Π²ΠΈΠ΄Π΅ΠΎ ΠΌΡ‹ объясняСм, ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ ΡƒΡΠΏΠ΅ΡˆΠ½ΠΎ ΡΠ½ΠΈΠΌΠ°Ρ‚ΡŒ изобраТСния с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ прилоТСния HOVER.

ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ совСты

  • ΠŸΠΎΡΡ‚Π°Ρ€Π°ΠΉΡ‚Π΅ΡΡŒ Π·Π°Ρ…Π²Π°Ρ‚ΠΈΡ‚ΡŒ ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ большС Ρ‚Π΅Ρ€Ρ€ΠΈΡ‚ΠΎΡ€ΠΈΠΈ Π½Π° ΠΊΠ°ΠΆΠ΄ΠΎΠΌ снимкС.

  • Π’ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ ΠΊΠ°ΠΆΠ΄ΡƒΡŽ Π³Ρ€Π°Π½ΡŒ свойства свСрху Π²Π½ΠΈΠ· ΠΈ слСва Π½Π°ΠΏΡ€Π°Π²ΠΎ.

  • Π£Π³Π»ΠΎΠ²Ρ‹Π΅ ΡƒΠ΄Π°Ρ€Ρ‹ ΡΠ²Π»ΡΡŽΡ‚ΡΡ ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹ΠΌΠΈ.Π₯ΠΎΡ€ΠΎΡˆΠΈΠΉ ΡƒΠ³Π»ΠΎΠ²ΠΎΠΉ снимок Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Π΄Π²Π° анфас ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π° ΠΈ ΠΎΠ±Π° ΠΊΠΎΠ½Ρ†Π° участка.

  • Π‘Ρ‚Π°Ρ€Π°ΠΉΡ‚Π΅ΡΡŒ ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ большС ΠΈΠ·Π±Π΅Π³Π°Ρ‚ΡŒ прСпятствий, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ Π΄Π΅Ρ€Π΅Π²ΡŒΡ, бассСйны ΠΈΠ»ΠΈ Π°Π²Ρ‚ΠΎΠΌΠΎΠ±ΠΈΠ»ΠΈ, Π½Π° ΠΊΠ°ΠΆΠ΄ΠΎΠΉ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ.

ИдСальноС Ρ„ΠΎΡ‚ΠΎ

Π’Π°ΠΆΠ½ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹, , сдСлали Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ Ρ‚Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ всС имущСство Π±Ρ‹Π»ΠΎ Ρ…ΠΎΡ€ΠΎΡˆΠΎ Π²ΠΈΠ΄Π½ΠΎ . ΠœΡ‹ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌ Π΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎ (Π² Π»Π°Π½Π΄ΡˆΠ°Ρ„Ρ‚Π½ΠΎΠΌ Ρ€Π΅ΠΆΠΈΠΌΠ΅) ΠΏΡ€ΠΈ съСмкС Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ это позволяСт Π²Π°ΠΌ Π·Π°ΠΏΠ΅Ρ‡Π°Ρ‚Π»Π΅Ρ‚ΡŒ Π±ΠΎΠ»ΡŒΡˆΡƒΡŽ Ρ‡Π°ΡΡ‚ΡŒ собствСнности Π½Π° ΠΊΠ°ΠΆΠ΄ΠΎΠΉ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ.

ΠŸΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½Π°Ρ Π²Ρ‹ΡˆΠ΅ фотография являСтся прСкрасным ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠΌ, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ Π½Π° Π½Π΅ΠΉ Π΅ΡΡ‚ΡŒ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ Π½Π΅Π±Π° Π²Π²Π΅Ρ€Ρ…Ρƒ, Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ сада Π²Π½ΠΈΠ·Ρƒ ΠΈ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ свободного пространства ΠΏΠΎ ΠΎΠ±Π΅ΠΈΠΌ сторонам Π΄ΠΎΠΌΠ°.

Π˜Π΄Π΅Π°Π»ΡŒΠ½Ρ‹ΠΉ ΡƒΠ³Π»ΠΎΠ²ΠΎΠΉ выстрСл

Π£Π³Π»ΠΎΠ²ΠΎΠΉ выстрСл ΠΈΠ³Ρ€Π°Π΅Ρ‚ Π±ΠΎΠ»ΡŒΡˆΡƒΡŽ Ρ€ΠΎΠ»ΡŒ Π² ускорСнии получСния Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ΠΎΠ². Π₯ΠΎΡ€ΠΎΡˆΠΈΠΉ ΡƒΠ³Π»ΠΎΠ²ΠΎΠΉ снимок Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Π΄Π²Π° анфас ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°.

НапримСр, ΠΏΡ€ΠΈ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠΈ ΠΏΡ€Π°Π²ΠΎΠ³ΠΎ ΠΏΠ΅Ρ€Π΅Π΄Π½Π΅Π³ΠΎ ΡƒΠ³Π»Π° ΡƒΠ±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ снимаСтС всю ΠΏΠ΅Ρ€Π΅Π΄Π½ΡŽΡŽ Ρ‡Π°ΡΡ‚ΡŒ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π° слСва Π½Π°ΠΏΡ€Π°Π²ΠΎ, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΡ€Π°Π²ΡƒΡŽ сторону спСрСди Π½Π°Π·Π°Π΄.

Π˜Π΄Π΅Π°Π»ΡŒΠ½Ρ‹ΠΉ Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ снимок

Π₯ΠΎΡ€ΠΎΡˆΠΈΠΉ Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ снимок ΠΎΡ…Π²Π°Ρ‚Ρ‹Π²Π°Π΅Ρ‚ всю сторону слСва Π½Π°ΠΏΡ€Π°Π²ΠΎ ΠΈ свСрху Π²Π½ΠΈΠ·. Если Π²Ρ‹ Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π·Π°ΠΏΠ΅Ρ‡Π°Ρ‚Π»Π΅Ρ‚ΡŒ Π½Π° Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ всю сторону, Π΄Π΅Ρ€ΠΆΠΈΡ‚Π΅ Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎ (Π² ΠΏΠΎΡ€Ρ‚Ρ€Π΅Ρ‚Π½ΠΎΠΌ Ρ€Π΅ΠΆΠΈΠΌΠ΅) ΠΈ ΠΎΡ‚ΠΎΠΉΠ΄ΠΈΡ‚Π΅ Π½Π°Π·Π°Π΄.

ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅

ΠŸΡ€ΠΎΡ‡Ρ‚ΠΈΡ‚Π΅ эту ΡΡ‚Π°Ρ‚ΡŒΡŽ, Ссли Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΡƒΠ·Π½Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ Ρ„ΠΈΠΊΡΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ слоТныС свойства.

Если Ρƒ вас Π΅ΡΡ‚ΡŒ ΠΊΠ°ΠΊΠΈΠ΅-Π»ΠΈΠ±ΠΎ вопросы, Π·Π²ΠΎΠ½ΠΈΡ‚Π΅ (844)754-6837 ΠΈΠ»ΠΈ ΠΏΠΈΡˆΠΈΡ‚Π΅ Π½Π°ΠΌ ΠΏΠΎ адрСсу [email protected].ΠœΡ‹ с Ρ€Π°Π΄ΠΎΡΡ‚ΡŒΡŽ ΠΏΠΎΠΌΠΎΠΆΠ΅ΠΌ!

Π€ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ

Q: Π― Π²Π΅Π΄Ρƒ ΠΎΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΠΎΠ½Π½ΡƒΡŽ схСму Π² Excel, ΠΈ я Ρ…ΠΎΡ‚Π΅Π» Π±Ρ‹
ΡƒΠ·Π½Π°Ρ‚ΡŒ, ΠΌΠΎΠΆΠ½ΠΎ Π»ΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°Π·ΠΈΡ‚ΡŒ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΡŽ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ сотрудника, ΠΊΠΎΠ³Π΄Π°
Π― Π½Π°Π²ΠΎΠ΄ΠΈΠ» курсор Π½Π° Π΅Π³ΠΎ ΠΈΠ»ΠΈ Π΅Π΅ имя?

A: Π”Π°, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰ΠΈΠ΅ изобраТСния Π² Excel 2013, 2010, 2007,
ΠΈ 2003, вставив ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ, содСрТащиС Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ сотрудников, Π° ΠΈΠΌΠ΅Π½Π½ΠΎ:

1. Π’ Excel Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡ‹ΡˆΠΈ имя сотрудника ΠΈ Π²
Π’ появившСмся Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΌ мСню Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π’ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ .

2. Π£Π΄Π°Π»ΠΈΡ‚Π΅ своС имя ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ отобраТаСтся Π² ΠΏΠΎΠ»Π΅ для ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠ΅Π².

3. Π©Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡ‹ΡˆΠΈ ΠΊΡ€Π°ΠΉ поля коммСнтария ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π€ΠΎΡ€ΠΌΠ°Ρ‚.
ΠšΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ
. На Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Β«Π¦Π²Π΅Ρ‚ Β» ΠΈ Β«Π›ΠΈΠ½ΠΈΠΈ Β» Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Β«Π¦Π²Π΅Ρ‚ Β».
Π’ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΌΡΡ мСню
Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Fill Effects , ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½ΠΈΠΆΠ΅.


4. Π’ появившСмся Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠΌ ΠΎΠΊΠ½Π΅ Fill Effects ΠΈΠ·
Рисунок Π’ΠΊΠ»Π°Π΄ΠΊΠ°, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π’Ρ‹Π±Ρ€Π°Ρ‚ΡŒ рисунок , просмотритС
Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π½ΡƒΠΆΠ½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ OK , ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½Π° рисункС Π½ΠΈΠΆΠ΅.


5. УстановитС Ρ„Π»Π°ΠΆΠΎΠΊ Π—Π°Π±Π»ΠΎΠΊΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΡΠΎΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠ΅ сторон изобраТСния ΠΈ
Π·Π°Ρ‚Π΅ΠΌ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ОК , ОК .

6. Если Ρ„ΠΎΡ‚ΠΎ сотрудника Π½Π΅ помСщаСтся Π² ΠΏΠΎΠ»Π΅ для ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠ΅Π², ΠΊΠ°ΠΊ Π΅ΡΡ‚ΡŒ
Π² случаС Π½Π° рисункС 1 Π½ΠΈΠΆΠ΅, ΠΏΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΡ‚Π΅ Ρ€ΡƒΡ‡ΠΊΠΈ Π·Π°Ρ…Π²Π°Ρ‚Π°, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€
ΠΏΠΎΠ»ΡƒΡ‡Π΅Π½Π½ΠΎΠ΅ ΠΏΠΎΠ»Π΅ для ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠ΅Π², ΠΏΠΎΠΊΠ° ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° Π½Π΅ умСщаСтся. Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ ΠΌΠΎΠΆΠ΅Ρ‚ Π΄Π°Ρ‚ΡŒ
ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ ΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ слишком большого Ρ€Π°Π·ΠΌΠ΅Ρ€Π°, ΠΊΠ°ΠΊ Π½Π° рисункС 2
Π½ΠΈΠΆΠ΅. УдСрТивая Π½Π°ΠΆΠ°Ρ‚ΠΎΠΉ ΠΊΠ»Π°Π²ΠΈΡˆΡƒ Shift, снова ΠΏΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΡ‚Π΅ поля Π·Π°Ρ…Π²Π°Ρ‚Π°, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€.
ΠΈ ΠΏΠΎΠ»Π΅ для ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠ΅Π², ΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π΄ΠΎ ΠΆΠ΅Π»Π°Π΅ΠΌΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½Π°
рисунок 3 Π½ΠΈΠΆΠ΅.


7. ΠŸΠΎΠ²Ρ‚ΠΎΡ€ΠΈΡ‚Π΅ эти шаги для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΈΠΌΠ΅Π½ΠΈ Π² вашСй ΠΎΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΠΈ.
Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΡƒ, ΠΈ Π² Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π΅ появится организационная Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΠ°, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ
ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ сотрудника ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ курсора Π½Π° Π΅Π³ΠΎ ΠΈΠ»ΠΈ Π΅Π΅ имя.


Π”ΠΆ. ΠšΠ°Ρ€Π»Ρ‚ΠΎΠ½ Коллинз

([email protected])
ΠΊΠΎΠ½ΡΡƒΠ»ΡŒΡ‚Π°Π½Ρ‚ ΠΏΠΎ тСхнологиям, инструктор CPE ΠΈ
JofA
ΠΎΡ‚Π²Π΅Ρ‡Π°ΡŽΡ‰ΠΈΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€.

Π—Π°Π΄Π°Ρ‚ΡŒ вопрос

Π£ вас Π΅ΡΡ‚ΡŒ вопросы ΠΎ тСхнологиях для этой ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ? Или послС прочтСния
ΠΎΡ‚Π²Π΅Ρ‚, Ρƒ вас Π΅ΡΡ‚ΡŒ Π»ΡƒΡ‡ΡˆΠ΅Π΅ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅? ΠžΡ‚ΠΏΡ€Π°Π²ΡŒΡ‚Π΅ ΠΈΡ… Π½Π° адрСс jofatech @ aicpa.ΠΎΡ€Π³. ΠœΡ‹ соТалССм
Π½Π΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΈΠ½Π΄ΠΈΠ²ΠΈΠ΄ΡƒΠ°Π»ΡŒΠ½ΠΎ ΠΎΡ‚Π²Π΅Ρ‚ΠΈΡ‚ΡŒ Π½Π° всС Π·Π°Π΄Π°Π½Π½Ρ‹Π΅ вопросы.

Π€ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π½Π° слайдах — PowerPoint

ΠŸΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ!

ПослС добавлСния Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ, рисунка ΠΈΠ»ΠΈ изобраТСния Ρƒ вас Π΅ΡΡ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ способов ΡƒΠ»ΡƒΡ‡ΡˆΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Ρ„ΠΎΠ½, Ρ‚Π΅Π½ΠΈ ΠΈ эффСкты, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΅Ρ‰Π΅ Π»ΡƒΡ‡ΡˆΠ΅ донСсти вашС сообщСниС.

ΠžΡ‚Ρ€Π΅Π³ΡƒΠ»ΠΈΡ€ΡƒΠΉΡ‚Π΅ ΡΡ€ΠΊΠΎΡΡ‚ΡŒ, контраст ΠΈΠ»ΠΈ Ρ€Π΅Π·ΠΊΠΎΡΡ‚ΡŒ

  1. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅.

  2. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π Π°Π±ΠΎΡ‚Π° с рисунками > Π€ΠΎΡ€ΠΌΠ°Ρ‚ ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π˜ΡΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΡ .

  3. НавСдитС ΡƒΠΊΠ°Π·Π°Ρ‚Π΅Π»ΡŒ ΠΌΡ‹ΡˆΠΈ Π½Π° ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΈΡ…, ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π½ΡƒΠΆΠ½Ρ‹ΠΉ.

ΠŸΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ худоТСствСнных эффСктов

  1. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅.

  2. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ изобраТСния > Π€ΠΎΡ€ΠΌΠ°Ρ‚ ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π₯удоТСствСнныС эффСкты .

  3. НавСдитС ΡƒΠΊΠ°Π·Π°Ρ‚Π΅Π»ΡŒ ΠΌΡ‹ΡˆΠΈ Π½Π° ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΈΡ…, ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π½ΡƒΠΆΠ½Ρ‹ΠΉ.

Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ†Π²Π΅Ρ‚

  1. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅.

  2. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ изобраТСния > Π€ΠΎΡ€ΠΌΠ°Ρ‚ ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π¦Π²Π΅Ρ‚ .

  3. НавСдитС ΡƒΠΊΠ°Π·Π°Ρ‚Π΅Π»ΡŒ ΠΌΡ‹ΡˆΠΈ Π½Π° ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΈΡ…, ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π½ΡƒΠΆΠ½Ρ‹ΠΉ.

ΠŸΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ эффСкты изобраТСния

  1. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅.

  2. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π Π°Π±ΠΎΡ‚Π° с рисунками > Π€ΠΎΡ€ΠΌΠ°Ρ‚ ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π­Ρ„Ρ„Π΅ΠΊΡ‚Ρ‹ рисунка .

  3. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π½ΡƒΠΆΠ½Ρ‹ΠΉ: Shadow , Reflection , Glow , Soft Edges , Bevel ΠΈΠ»ΠΈ 3-D Rotation .

Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Ρ€Π°ΠΌΠΊΡƒ

  1. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅.

  2. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π Π°Π±ΠΎΡ‚Π° с рисунками > Π€ΠΎΡ€ΠΌΠ°Ρ‚ ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π³Ρ€Π°Π½ΠΈΡ†Ρƒ.

Π‘ΠΆΠ°Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ

  1. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅.

  2. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π Π°Π±ΠΎΡ‚Π° с изобраТСниями > Π€ΠΎΡ€ΠΌΠ°Ρ‚ ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π‘ΠΆΠ°Ρ‚ΡŒ изобраТСния .

  3. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π½ΡƒΠΆΠ½Ρ‹Π΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ОК .

Π‘Π±Ρ€ΠΎΡΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅

  1. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅.

  2. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ изобраТСния > Π€ΠΎΡ€ΠΌΠ°Ρ‚ ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π‘Π±Ρ€ΠΎΡΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ .

HOVER; Ρ‚ΠΎΡ‡Π½Ρ‹Π΅ измСрСния ΠΈ 3D-ΠΌΠΎΠ΄Π΅Π»ΠΈ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ простого снимка | ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° Ρ†ΠΈΡ„Ρ€ΠΎΠ²ΠΎΠ³ΠΎ страхования

HOVER; Ρ‚ΠΎΡ‡Π½Ρ‹Π΅ измСрСния ΠΈ 3D-ΠΌΠΎΠ΄Π΅Π»ΠΈ, просто сдСлав снимки

Написано Π ΠΎΠ΄ΠΆΠ΅Ρ€ΠΎΠΌ ΠŸΠ΅Π²Π΅Ρ€Π΅Π»Π»ΠΈ ΠΈ Π Π΅Π΄ΠΆΠΈ Π΄Π΅ ЀСникс — основатСлями сообщСства DIA 18 сСнтября 2017 Π³.

Π˜ΡΠΊΡƒΡΡΡ‚Π²Π΅Π½Π½Ρ‹ΠΉ ΠΈΠ½Ρ‚Π΅Π»Π»Π΅ΠΊΡ‚ / машинноС ΠΎΠ±ΡƒΡ‡Π΅Π½ΠΈΠ΅

Компания HOVER Inc., Π±Π°Π·ΠΈΡ€ΡƒΡŽΡ‰Π°ΡΡΡ Π² ΠšΠ°Π»ΠΈΡ„ΠΎΡ€Π½ΠΈΠΈ.Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π»Π° Π½ΠΎΠ²Π°Ρ‚ΠΎΡ€ΡΠΊΡƒΡŽ ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΡƒ машинного обучСния с Π·Π°ΠΏΠ°Ρ‚Π΅Π½Ρ‚ΠΎΠ²Π°Π½Π½Ρ‹ΠΌΠΈ Π°Π»Π³ΠΎΡ€ΠΈΡ‚ΠΌΠ°ΠΌΠΈ, которая ΠΏΡ€Π΅Π²Ρ€Π°Ρ‰Π°Π΅Ρ‚ 4-8 Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ смартфонов Π² ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½ΡƒΡŽ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΠ΅ΠΌΡƒΡŽ 3D-модСль. ΠŸΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ HOVER ΠΏΡ€Π΅Π²Ρ€Π°Ρ‰Π°Π΅Ρ‚ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ Π² ΠΏΠΎΠ»Π½Ρ‹ΠΉ, Ρ‚ΠΎΡ‡Π½Ρ‹ΠΉ ΠΈ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Ρ‹ΠΉ ΠΎΠ±Π·ΠΎΡ€ любой собствСнности со всСми Ρ€Π°Π·ΠΌΠ΅Ρ€Π°ΠΌΠΈ ΡΠΊΡΡ‚Π΅Ρ€ΡŒΠ΅Ρ€Π°, ΠΊΡ€ΠΎΠ²Π»ΠΈ, стСн, Π΄Π²Π΅Ρ€Π΅ΠΉ ΠΈ ΠΎΠΊΠΎΠ½. Π˜Π·ΠΌΠ΅Ρ€Π΅Π½ΠΈΡ достаточно Ρ‚ΠΎΡ‡Π½Ρ‹, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΎΡ†ΠΈΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π»ΡŽΠ±ΡƒΡŽ Ρ€Π°Π±ΠΎΡ‚Ρƒ ΠΈ ΠΈΡΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Ρ‡Π΅Π»ΠΎΠ²Π΅Ρ‡Π΅ΡΠΊΡƒΡŽ ΠΎΡˆΠΈΠ±ΠΊΡƒ. Π‘ ΠΌΠΎΠΌΠ΅Π½Ρ‚Π° запуска Π½Π° ΠœΠ΅ΠΆΠ΄ΡƒΠ½Π°Ρ€ΠΎΠ΄Π½ΠΎΠΉ выставкС строитСлСй ΠΠ°Ρ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΠΉ ассоциации домостроитСлСй Π² 2016 Π³ΠΎΠ΄Ρƒ ΠΈ послС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΠΎΠ½ Π±Ρ‹Π» Π²Ρ‹Π±Ρ€Π°Π½ Π² качСствС финалиста Π² Π½ΠΎΠΌΠΈΠ½Π°Ρ†ΠΈΠΈ Β«Π›ΡƒΡ‡ΡˆΠΈΠΉ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ Π² области Π΄ΠΎΠΌΠ°ΡˆΠ½ΠΈΡ… Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉΒ», HOVER ΡƒΠΆΠ΅ рассматриваСтся Π² отрасли ΠΊΠ°ΠΊ ваТнСйший инструмСнт.Они установили партнСрскиС ΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΡ с Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ ΠΈΠ· ΠΊΡ€ΡƒΠΏΠ½Π΅ΠΉΡˆΠΈΡ… ΠΌΠΈΡ€ΠΎΠ²Ρ‹Ρ… ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»Π΅ΠΉ ΡΡ‚Ρ€ΠΎΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ†ΠΈΠΈ, Ρ‚Π°ΠΊΠΈΠΌΠΈ ΠΊΠ°ΠΊ GAF, James Hardie ΠΈ Valspar. Компания Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ»Π° Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ страховой индустрии ΠΈ ΠΏΠ΅Ρ€Π΅ΡˆΠ»Π° Π½Π° ΠΏΠΈΠ»ΠΎΡ‚Π½ΡƒΡŽ Ρ„Π°Π·Ρƒ с нСсколькими ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ·Ρ‡ΠΈΠΊΠ°ΠΌΠΈ.

Π‘ΠΎΠ»Π΅Π΅ быстрыС ΠΈ Ρ‚ΠΎΡ‡Π½Ρ‹Π΅ измСрСния Π±Π΅Π· Π»ΠΈΡˆΠ½ΠΈΡ… Ρ…Π»ΠΎΠΏΠΎΡ‚
Одной ΠΈΠ· Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ ΡΠ΅Ρ€ΡŒΠ΅Π·Π½Ρ‹Ρ… ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ для ΡΡ‚Ρ€ΠΎΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… подрядчиков, Π΄ΠΎΠΌΠΎΠ²Π»Π°Π΄Π΅Π»ΡŒΡ†Π΅Π² ΠΈ спСциалистов ΠΏΠΎ ΡΡ‚Ρ€Π°Ρ…ΠΎΠ²Π°Π½ΠΈΡŽ являСтся ΠΏΠΎΠ»ΡƒΡ‡Π΅Π½ΠΈΠ΅ Ρ‚ΠΎΡ‡Π½Ρ‹Ρ… ΠΈΠ·ΠΌΠ΅Ρ€Π΅Π½ΠΈΠΉ Π² ΠΊΠΎΡ€ΠΎΡ‚ΠΊΠΈΠ΅ сроки ΠΈ Π±Π΅Π· ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ.Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ прилоТСния HOVER любоС имущСство ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Ρ€ΠΈΡ‚ΡŒ, сдСлав 4-8 снимков с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ смартфона ΠΈΠ»ΠΈ ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚Π° Π±Π΅Π· Ρ€ΡƒΠ»Π΅Ρ‚ΠΊΠΈ ΠΈ лСстницы. Π’ Ρ‚Π΅Ρ‡Π΅Π½ΠΈΠ΅ 24 часов HOVER создаСт бСспрСпятствСнный 3D-Ρ€Π΅Π½Π΄Π΅Ρ€ΠΈΠ½Π³ Π΄ΠΎΠΌΠ° с измСрСниями Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΊΡ€Ρ‹ΡˆΠΈ, Π½ΠΎ Ρ‚Π°ΠΊΠΆΠ΅ стСн ΠΈ ΠΎΠΊΠΎΠ½. Π˜Π·ΠΌΠ΅Ρ€Π΅Π½ΠΈΡ ΠΊΡ€Ρ‹ΡˆΠΈ Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‚ ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Π΅ ΠΏΠ»ΠΎΡ‰Π°Π΄ΠΈ, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚Π½Ρ‹Π΅ ΠΌΠ΅Ρ‚Ρ€Ρ‹, Π³Ρ€Π΅Π±Π½ΠΈ, Π²ΠΏΠ°Π΄ΠΈΠ½Ρ‹, ΠΊΠ°Ρ€Π½ΠΈΠ·Ρ‹ ΠΈ Π³Ρ€Π°Π±Π»ΠΈ, Ρ‡Ρ‚ΠΎ позволяСт ΡΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΎΡ‡Π΅Π½ΡŒ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Ρ‹ΠΉ ΠΎΡ‚Ρ‡Π΅Ρ‚ смСты Ρ€Π°Π±ΠΎΡ‚. ИспользованиС прилоТСния Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ сокращаСт количСство ΠΏΡ€Π΅Π΄ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΏΡ€ΠΈ ΠΎΡ†Π΅Π½ΠΊΠ΅ Ρ€Π°Π±ΠΎΡ‚Ρ‹. Обладая Ρ‚ΠΎΡ‡Π½ΠΎΡΡ‚ΡŒΡŽ 95 ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚ΠΎΠ², ΠΎΠ½ устраняСт Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒ Π² Ρ€ΡƒΡ‡Π½ΠΎΠΌ ΠΏΠΎΠ²Ρ‚ΠΎΡ€Π½ΠΎΠΌ ΠΈΠ·ΠΌΠ΅Ρ€Π΅Π½ΠΈΠΈ, экономя ΠΌΠ½ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ ΠΈ Π΄Π΅Π½Π΅Π³.HOVER Ρ‚Π°ΠΊΠΆΠ΅ обСспСчиваСт Π±ΠΎΠ»Π΅Π΅ Ρ‚ΠΎΡ‡Π½ΡƒΡŽ ΠΎΡ†Π΅Π½ΠΊΡƒ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΠΎΠ², Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Ρ… для Ρ€Π°Π±ΠΎΡ‚Ρ‹, ΠΈ сниТаСт количСство ΠΎΡ‚Ρ…ΠΎΠ΄ΠΎΠ². HOVER Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π³Π΅Π½Π΅Ρ€ΠΈΡ€ΡƒΠ΅Ρ‚ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Ρ‹Π΅ измСрСния, Π½ΠΎ ΠΈ прСдоставляСт Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Ρ‹ Π² ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Ρ… Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°Ρ…, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Π½ΠΎ Π·Π½Π°Ρ‡ΠΈΠΌΡ‹ для этих ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ. Π˜Π·ΠΌΠ΅Ρ€Π΅Π½ΠΈΡ Ρ‚Π°ΠΊΠΆΠ΅ доступны ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ·Ρ‡ΠΈΠΊΠ°ΠΌ, адТастСрам ΠΈ рСинспСкторам Π² процСссах Π°Π½Π΄Π΅Ρ€Ρ€Π°ΠΉΡ‚ΠΈΠ½Π³Π° ΠΈ ΠΏΡ€Π΅Ρ‚Π΅Π½Π·ΠΈΠΉ, Ρ‡Ρ‚ΠΎ позволяСт ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ·Ρ‡ΠΈΠΊΠ°ΠΌ ΠΏΠΎ-Π½ΠΎΠ²ΠΎΠΌΡƒ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚ΡŒ Π΄ΠΎΠΌΠΎΠ²Π»Π°Π΄Π΅Π»ΡŒΡ†Π΅Π² для Π±ΠΎΠ»Π΅Π΅ быстрого получСния расцСнок Π½Π° страхованиС ΠΈ максимально быстрой ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΏΡ€Π΅Ρ‚Π΅Π½Π·ΠΈΠΉ.

Как Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ Ρ€Π΅ΠΌΠΎΠ½Ρ‚ Π΄ΠΎΠΌΠ° Π² 3D
Π˜Π½Π΄ΡƒΡΡ‚Ρ€ΠΈΡ благоустройства Тилья всСгда ΡΡ‚Π°Π»ΠΊΠΈΠ²Π°Π»Π°ΡΡŒ с ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠΎΠΉ поиска способов ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ Π΄ΠΎΠΌΠΎΠ²Π»Π°Π΄Π΅Π»ΡŒΡ†Π°ΠΌ, ΠΊΠ°ΠΊ Π±ΡƒΠ΄ΡƒΡ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ ΠΈΡ… новая ΠΊΡ€Ρ‹ΡˆΠ° ΠΈΠ»ΠΈ ΠΎΠΊΠ½Π°.ΠŸΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ HOVER позволяСт подрядчикам ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ Ρ‚Ρ€Π΅Ρ…ΠΌΠ΅Ρ€Π½ΡƒΡŽ Π²ΠΈΠ·ΡƒΠ°Π»ΠΈΠ·Π°Ρ†ΠΈΡŽ фактичСского имущСства, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΠΌΠΎΠ²Π»Π°Π΄Π΅Π»ΡŒΡ†Ρ‹ ΠΌΠΎΠ³Π»ΠΈ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ, ΠΊΠ°ΠΊ Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ Π½ΠΎΠ²Ρ‹ΠΉ Ρ€Π΅ΠΌΠΎΠ½Ρ‚, ΠΈ Β«ΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒΒ» Π½ΠΎΠ²Ρ‹Π΅ Ρ†Π²Π΅Ρ‚Π° ΠΈ стили, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π»ΡƒΡ‡ΡˆΠ΅ всСго, Ρ‡Ρ‚ΠΎ Π² ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎΠΌ ΠΈΡ‚ΠΎΠ³Π΅ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΡƒΠ»ΡƒΡ‡ΡˆΠΈΡ‚ΡŒ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚Π΅Π»ΠΈ закрытия ΠΏΡ€ΠΎΠ΄Π°ΠΆ.

ΠŸΠΎΡ‡Π΅ΠΌΡƒ ΠΌΡ‹ Π²Ρ‹Π±Ρ€Π°Π»ΠΈ HOVER для DIA Munich
ΠœΡ‹ ΠΎΡ‡Π΅Π½ΡŒ Ρ€Π°Π΄Ρ‹, Ρ‡Ρ‚ΠΎ HOVER Ρ…ΠΎΡ‡Π΅Ρ‚ ΠΏΡ€ΠΎΠ΄Π΅ΠΌΠΎΠ½ΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ свою Ρ€Π΅Π²ΠΎΠ»ΡŽΡ†ΠΈΠΎΠ½Π½ΡƒΡŽ Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΡ‡Π΅ΡΠΊΡƒΡŽ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡƒ Π² DIA Π² ΠœΡŽΠ½Ρ…Π΅Π½Π΅. HOVER ΡƒΠΏΡ€ΠΎΡ‰Π°Π΅Ρ‚ вСсь процСсс измСрСния, ΠΈ ΠΈΡ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΡƒΠΆΠ΅ Π½Π°Π·Ρ‹Π²Π°ΡŽΡ‚ ΠΎΠ΄Π½ΠΈΠΌ ΠΈΠ· самых ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Ρ… инструмСнтов для ΡΡ‚Ρ€ΠΎΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ индустрии.Π”Π°Π½Π½Ρ‹Π΅ HOVER станут ΠΊΠ°Ρ‚Π°Π»ΠΈΠ·Π°Ρ‚ΠΎΡ€ΠΎΠΌ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ Π²ΠΎ ΠΌΠ½ΠΎΠ³ΠΈΡ… отраслях, ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Ρ… Π½Π° Π½Π΅Π΄Π²ΠΈΠΆΠΈΠΌΠΎΡΡ‚ΡŒ, ΠΎΡ‚ благоустройства Тилья, нСдвиТимости ΠΈ страхования. ΠžΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅ Π½ΠΎΠ²Ρ‹Ρ… источников Π΄ΠΎΡ…ΠΎΠ΄Π° ΠΈ ΡƒΠ²Π΅Π»ΠΈΡ‡Π΅Π½ΠΈΠ΅ экономии.

ΠšΡ‚ΠΎ HOVER?
Компания HOVER основана Π² 2010 Π³ΠΎΠ΄Ρƒ А.Π”ΠΆ. ΠΠ»ΡŒΡ‚ΠΌΠ°Π½ Π² Пало-ΠΠ»ΡŒΡ‚ΠΎ, ΠšΠ°Π»ΠΈΡ„ΠΎΡ€Π½ΠΈΡ. А.Π”ΠΆ. Бвою ΠΊΠ°Ρ€ΡŒΠ΅Ρ€Ρƒ Π½Π°Ρ‡Π°Π» ΠΈΠ½ΠΆΠ΅Π½Π΅Ρ€ΠΎΠΌ Π² ΠΊΠΎΡ€ΠΏΠΎΡ€Π°Ρ†ΠΈΠΈ Intel ΠΈ слуТил ΠΎΡ„ΠΈΡ†Π΅Ρ€ΠΎΠΌ ΠΏΠ΅Ρ…ΠΎΡ‚Ρ‹ Π² морской ΠΏΠ΅Ρ…ΠΎΡ‚Π΅ БША. HOVER основан Π½Π° тСхнологичСской ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ΅, ΠΈΠ·Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎ созданной для U.Π‘. Π’ΠΎΠ΅Π½Π½ΠΎ-ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΈ. Как Π±Ρ‹Π²ΡˆΠΈΠΉ ΠΎΡ„ΠΈΡ†Π΅Ρ€ морской ΠΏΠ΅Ρ…ΠΎΡ‚Ρ‹, ΠΎΠ½ Ρ…ΠΎΡ€ΠΎΡˆΠΎ Π·Π½Π°Π» нСдостатки картографичСских Π΄Π°Π½Π½Ρ‹Ρ… для планирования миссий. Π’ 2012 Π³ΠΎΠ΄Ρƒ ΠΎΠ½ΠΈ Π½Π°Ρ‡Π°Π»ΠΈ Π΄ΠΎΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ Ρ‚Ρ€Π΅Ρ…ΠΌΠ΅Ρ€Π½Ρ‹Π΅ ΠΊΠ°Ρ€Ρ‚Ρ‹, созданныС Π½Π° основС аэрофотоснимков, Ρ‡Ρ‚ΠΎΠ±Ρ‹ воСннослуТащиС ΠΌΠΎΠ³Π»ΠΈ Π»ΡƒΡ‡ΡˆΠ΅ ΠΏΠΎΠ½ΡΡ‚ΡŒ, ΠΊΡƒΠ΄Π° ΠΎΠ½ΠΈ ΠΈΠ΄ΡƒΡ‚. Π’Π΅ΠΏΠ΅Ρ€ΡŒ пСрСнСсСнная тСхнология ΠΏΠ΅Ρ€Π΅Π²Π΅Π΄Π΅Π½Π° Π² Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π½Π° стандартном смартфонС, ΠΈ HOVER ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ Π΅Π΅ для трансформации Ρ€Ρ‹Π½ΠΊΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅, ΠΊΠ°ΠΊ извСстно, Ρ‚Ρ€ΡƒΠ΄Π½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ: Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΠ΅ ΠΆΠΈΠ»ΠΈΡ‰Π½Ρ‹Ρ… условий ΠΈ страхованиС.

На сСгодняшний дСнь компания ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ»Π° 17 ΠΌΠΈΠ»Π»ΠΈΠΎΠ½ΠΎΠ² Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ², ΠΈ ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹ΠΌΠΈ инвСсторами ΡΠ²Π»ΡΡŽΡ‚ΡΡ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ «Алмаз Π›ΡƒΠΈ ΠŸΠ°Ρ€Ρ‚Π½Π΅Ρ€ΡΒ» (ориСнтированная Π½Π° риск тСхнологичСская вСнчурная компания, ΠΏΡ€Π΅Π΄Π»Π°Π³Π°ΡŽΡ‰Π°Ρ финансовыС услуги компаниям Π½Π° Ρ€Π°Π½Π½Π΅ΠΉ стадии), Almaz Capital (вСнчурная компания Π½Π° Ρ€Π°Π½Π½Π΅ΠΉ стадии, ΠΈΠ½Π²Π΅ΡΡ‚ΠΈΡ€ΡƒΡŽΡ‰Π°Ρ быстрорастущиС тСхнологичСскиС сСкторы) ΠΈ Radar Partners (основная инвСстиционная компания Π² Ρ€Π°Π½Π½ΠΈΡ… тСхнологичСских компаниях). Π’ Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΊ Ρ„ΠΈΠ½Π°Π½ΡΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡŽ Π‘Ρ‚ΡŽΠ°Ρ€Ρ‚ Олсоп, ΠΏΠ°Ρ€Ρ‚Π½Π΅Ρ€ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ «Алсоп Π›ΡƒΠΈ ΠŸΠ°Ρ€Ρ‚Π½Π΅Ρ€ΡΒ», вошСл Π² совСт Π΄ΠΈΡ€Π΅ΠΊΡ‚ΠΎΡ€ΠΎΠ² HOVER.Π˜Ρ… Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ Π½Π΅ привязаны ΠΊ гСографичСскому полоТСнию, поэтому ΠΈΠΌ Π½Π΅ тСрпится Π²Ρ‹ΠΉΡ‚ΠΈ Π½Π° СвропСйский Ρ€Ρ‹Π½ΠΎΠΊ.

« Π­Ρ‚ΠΎ простоС Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ ΠΏΠΎ запросу для всСх, ΠΊΠΎΠΌΡƒ Π½ΡƒΠΆΠ½Ρ‹ внСшниС измСрСния, Π³Π΅Π½Π΅Ρ€ΠΈΡ€ΡƒΠ΅ΠΌΡ‹Π΅ автоматичСски Π² качСствС услуги. Π­Ρ‚ΠΎ позволяСт профСссионалам ΡΠΎΡΡ€Π΅Π΄ΠΎΡ‚ΠΎΡ‡ΠΈΡ‚ΡŒΡΡ Π½Π° своСм бизнСсС, прСдоставлСнии услуг ΠΏΠΎ благоустройству Π΄ΠΎΠΌΠ° ΠΈΠ»ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ… услуг, Π° Π½Π΅ Π½Π° ΠΈΠ·ΠΌΠ΅Ρ€Π΅Π½ΠΈΠΈ Π·Π΄Π°Π½ΠΈΠΉ для ΠΎΡ†Π΅Π½ΠΊΠΈ ΠΈΠ»ΠΈ опрСдСлСния стоимости ΡƒΠΊΠ°Π·Π°Π½Π½Ρ‹Ρ… услуг. « Π“Π΅Π½Π΅Ρ€Π°Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΡ€Π΅ΠΊΡ‚ΠΎΡ€ ΠΈ ΠΎΡΠ½ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ HOVER Inc. AJ ΠΠ»ΡŒΡ‚ΠΌΠ°Π½ .

Π­ΠΉ Π”ΠΆΠ΅ΠΉ ΠΠ»ΡŒΡ‚ΠΌΠ°Π½ ΠΈ КСвин Π Π΅ΠΉΠ»ΠΈ HOVER Inc

Π’Π΅Π±-сайт: www.hover.to

Π’Π΅Π΄ΡƒΡ‰ΠΈΠΉ: ДТастин Π₯Π°Π½Ρ‡Π΅Ρ€
Π’Π΅Π΄ΡƒΡ‰ΠΈΠΉ: КСвин Π Π΅ΠΉΠ»ΠΈ

ΠžΠ·Π½Π°ΠΊΠΎΠΌΡŒΡ‚Π΅ΡΡŒ с Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΠΎΠ²Π°Π½Π½Ρ‹ΠΌΠΈ ΡΡ‚Π°Ρ‚ΡŒΡΠΌΠΈ

GoBear — ΠΎΠ΄ΠΈΠ½ ΠΈΠ· самых быстрорастущих Ρ„ΠΈΠ½Ρ‚Π΅Ρ…-стартапов Π² Азии. Π­Ρ‚ΠΎ ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ нСзависимый сайт сравнСния страховых ΠΈ финансовых ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ² Π² Азии ….

Π§ΠΈΡ‚Π°Ρ‚ΡŒ Π΄Π°Π»Π΅Π΅

Click-Ins ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΠΏΠ΅Ρ€Π΅Π΄ΠΎΠ²ΠΎΠ΅ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ для обнаруТСния ΠΏΠΎΠ²Ρ€Π΅ΠΆΠ΄Π΅Π½ΠΈΠΉ транспортных срСдств.Волько ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ° Click-Ins, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‰Π°Ρ искусствСнный ΠΈΠ½Ρ‚Π΅Π»Π»Π΅ΠΊΡ‚, Π³Π»ΡƒΠ±ΠΎΠΊΠΎΠ΅ ΠΎΠ±ΡƒΡ‡Π΅Π½ΠΈΠ΅, Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅Ρ‚Ρ€ΠΈΡŽ ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄Ρ€ΡƒΠ³ΠΎΠ΅ …

Π§ΠΈΡ‚Π°Ρ‚ΡŒ Π΄Π°Π»Π΅Π΅

Understory — амСриканская компания ΠΏΠΎ производству оборудования для ΡƒΠΌΠ½ΠΎΠΉ ΠΏΠΎΠ³ΠΎΠ΄Ρ‹ ΠΈ Π°Π½Π°Π»ΠΈΡ‚ΠΈΠΊΠΈ. Он ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚, Ρ€Π°Π·Π²Π΅Ρ€Ρ‚Ρ‹Π²Π°Π΅Ρ‚ ΠΈ управляСт мСтСорологичСскими сСтями Π²Π½ΡƒΡ‚Ρ€ΠΈ мСгаполисов Π΄ΠΎ …

Π§ΠΈΡ‚Π°Ρ‚ΡŒ Π΄Π°Π»Π΅Π΅

Π³Π»Π°Π³ΠΎΠ» навСдСния — ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅, изобраТСния, ΠΏΡ€ΠΎΠΈΠ·Π½ΠΎΡˆΠ΅Π½ΠΈΠ΅ ΠΈ примСчания ΠΏΠΎ использованию

Π³Π»Π°Π³ΠΎΠ» Π€ΠΎΡ€ΠΌΡ‹ Π³Π»Π°Π³ΠΎΠ»Π°

Present Simple I / you / we / they hover
he / she / it hovers
past simple hovered
причастиС ΠΏΡ€ΠΎΡˆΠ΅Π΄ΡˆΠ΅Π³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ зависало
-ing Ρ„ΠΎΡ€ΠΌΠ° зависания

ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ ΠΊ Π΄Ρ€ΡƒΠ³ΠΈΠΌ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π°ΠΌ

  1. [Π½Π΅ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π½Ρ‹ΠΉ] (+ Π½Π°Ρ€Π΅Ρ‡./ ΠΏΡ€Π΅ΠΏ.) (ΠΏΡ‚ΠΈΡ†, Π²Π΅Ρ€Ρ‚ΠΎΠ»Π΅Ρ‚ΠΎΠ² ΠΈ Ρ‚. Π΄.) ΠΎΡΡ‚Π°Π²Π°Ρ‚ΡŒΡΡ Π² Π²ΠΎΠ·Π΄ΡƒΡ…Π΅ Π½Π° ΠΎΠ΄Π½ΠΎΠΌ мСстС
    • ЯстрСб ΠΏΠ°Ρ€ΠΈΠ» Π½Π°Π΄ Ρ…ΠΎΠ»ΠΌΠΎΠΌ.
    • Π’ Π½Π΅Π±Π΅ ΠΏΠ°Ρ€ΠΈΠ»Π° полная Π»ΡƒΠ½Π°.

    Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹

    • ΠŸΠΎΠ»ΠΈΡ†Π΅ΠΉΡΠΊΠΈΠΉ Π²Π΅Ρ€Ρ‚ΠΎΠ»Π΅Ρ‚ ΠΏΠ°Ρ€ΠΈΠ» Π½Π°Π΄ Π³ΠΎΠ»ΠΎΠ²ΠΎΠΉ.
    • ЯстрСб завис Π² Π²ΠΎΠ·Π΄ΡƒΡ…Π΅, Π° Π·Π°Ρ‚Π΅ΠΌ Ρ€ΡƒΡ…Π½ΡƒΠ» Π½Π° зСмлю.

    Π’Π΅ΠΌΡ‹ ΠŸΡ‚ΠΈΡ†Ρ‹c1

  2. [Π½Π΅ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π½Ρ‹ΠΉ] (+ Π½Π°Ρ€Π΅Ρ‡ / ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΊΠ°) (Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊΠ°) застСнчиво ΠΈΠ»ΠΈ Π½Π΅ΡƒΠ²Π΅Ρ€Π΅Π½Π½ΠΎ ΠΆΠ΄Π°Ρ‚ΡŒ Π³Π΄Π΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ, особСнно рядом с ΠΊΠ΅ΠΌ-Ρ‚ΠΎ,
    • Он Π½Π΅Ρ€Π²Π½ΠΎ завис Π² Π΄Π²Π΅Ρ€Π½ΠΎΠΌ ΠΏΡ€ΠΎΠ΅ΠΌΠ΅.
    • Он завис Π½Π°Π΄ Π½Π΅ΠΉ, оТидая ΠΎΡ‚Π²Π΅Ρ‚Π°.

    Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹

    • Он с Ρ‚Ρ€Π΅Π²ΠΎΠ³ΠΎΠΉ ΠΏΠ°Ρ€ΠΈΠ» снаруТи.
    • Π€ΠΈΠ±ΠΈ ΠΏΠ°Ρ€ΠΈΠ»Π° Π½Π° Π·Π°Π΄Π½Π΅ΠΌ ΠΏΠ»Π°Π½Π΅, Π½Π΅ зная, Ρ‡Ρ‚ΠΎ Π΄Π΅Π»Π°Ρ‚ΡŒ.
    • Она Π½Π΅ ΠΌΠΎΠ³Π»Π° вынСсти, Ρ‡Ρ‚ΠΎ ΠΎΠ½ ΠΏΠ°Ρ€ΠΈΠ» Π²ΠΎΠΊΡ€ΡƒΠ³ Π½Π΅Π΅.
    • Она Π½Π΅ΡƒΠ²Π΅Ρ€Π΅Π½Π½ΠΎ зависла Ρƒ Π²Ρ…ΠΎΠ΄Π½ΠΎΠΉ Π΄Π²Π΅Ρ€ΠΈ.

    Oxford Collocations Dictionaryadverb

    • рядом
    • с Ρ‚Ρ€Π΅Π²ΠΎΠ³ΠΎΠΉ
    • Π½Π΅ΡƒΠ²Π΅Ρ€Π΅Π½Π½ΠΎ
    • …

    ΠΏΡ€Π΅Π΄Π»ΠΎΠ³ΠΈ

    • Π½Π°Π²Π΅Π΄ΠΈΡ‚Π΅ курсор Π½Π° Ρ„ΠΎΠ½
    • Π½Π°Π²Π΅Π΄ΠΈΡ‚Π΅ курсор Π½Π° Π΄Π²Π΅Ρ€Π½ΠΎΠΉ ΠΏΡ€ΠΎΠ΅ΠΌ

    Π‘ΠΌ. ΠŸΠΎΠ»Π½ΡƒΡŽ запись

  3. [Π½Π΅ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π½Ρ‹ΠΉ] + adv./ ΠΏΡ€Π΅ΠΏ. ΠΎΡΡ‚Π°Π²Π°Ρ‚ΡŒΡΡ рядом с Ρ‡Π΅ΠΌ-Ρ‚ΠΎ ΠΈΠ»ΠΈ ΠΎΡΡ‚Π°Π²Π°Ρ‚ΡŒΡΡ Π² Π½Π΅ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠΌ состоянии
    • Π’Π΅ΠΌΠΏΠ΅Ρ€Π°Ρ‚ΡƒΡ€Π° колСбалась ΠΎΠΊΠΎΠ»ΠΎ нуля.
    • Он ΠΏΠ°Ρ€ΠΈΠ» Π½Π° Π³Ρ€Π°Π½ΠΈ сознания.
    • Π£Π»Ρ‹Π±ΠΊΠ° появилась Π½Π° Π΅Π΅ Π³ΡƒΠ±Π°Ρ….
    • Она колСбалась ΠΌΠ΅ΠΆΠ΄Ρƒ Тизнью ΠΈ ΡΠΌΠ΅Ρ€Ρ‚ΡŒΡŽ.

    Oxford Collocations Dictionary нарСчия

    • рядом
    • с Ρ‚Ρ€Π΅Π²ΠΎΠ³ΠΎΠΉ
    • Π½Π΅ΡƒΠ²Π΅Ρ€Π΅Π½Π½ΠΎ
    • …

    ΠΏΡ€Π΅Π΄Π»ΠΎΠ³ΠΈ

    • ΠΏΠ°Ρ€Π΅Π½ΠΈΠ΅ Π½Π° Π·Π°Π΄Π½Π΅ΠΌ ΠΏΠ»Π°Π½Π΅
    • ΠΏΠ°Ρ€Π΅Π½ΠΈΠ΅ Π² Π΄Π²Π΅Ρ€Π½ΠΎΠΌ ΠΏΡ€ΠΎΠ΅ΠΌΠ΅

    Полная запись

  4. Π‘Π»ΠΎΠ²ΠΎ ΠŸΡ€ΠΎΠΈΡΡ…ΠΎΠΆΠ΄Π΅Π½ΠΈΠ΅ БрСднСанглийский язык: ΠΈΠ· Π°Ρ€Ρ…Π°ΠΈΡ‡Π½ΠΎΠ³ΠΎ парСния Π·Π°Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Ρ‚ΡŒΡΡ Β», нСизвСстного происхоТдСния.

Π‘ΠΌ. НавСдСниС Π² ΠžΠΊΡΡ„ΠΎΡ€Π΄ΡΠΊΠΎΠΌ ΠΏΡ€ΠΎΠ΄Π²ΠΈΠ½ΡƒΡ‚ΠΎΠΌ амСриканском словарС. ΠŸΡ€ΠΎΠ²Π΅Ρ€ΡŒΡ‚Π΅ ΠΏΡ€ΠΎΠΈΠ·Π½ΠΎΡˆΠ΅Π½ΠΈΠ΅:
hover

Hover выдСляСт 60 ΠΌΠΈΠ»Π»ΠΈΠΎΠ½ΠΎΠ² Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² Π½Π° созданиС 3D-ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ для ΠΎΡ†Π΅Π½ΠΊΠΈ ΠΈ исправлСния свойств — TechCrunch

Π Ρ‹Π½ΠΎΠΊ нСдвиТимости Π² БША оказался Π±ΠΎΠ»Π΅Π΅ устойчивым, Ρ‡Π΅ΠΌ Π²Ρ‹ ΠΌΠΎΠ³Π»ΠΈ ΠΏΡ€Π΅Π΄ΠΏΠΎΠ»ΠΎΠΆΠΈΡ‚ΡŒ, Π² Ρ€Π°Π·Π³Π°Ρ€ ΠΏΠ°Π½Π΄Π΅ΠΌΠΈΠΈ коронавируса, ΠΈ сСгодня стартап, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ создал инструмСнт ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π½ΠΎΠ³ΠΎ зрСния, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΌΠΎΡ‡ΡŒ Π²Π»Π°Π΄Π΅Π»ΡŒΡ†Π°ΠΌ Π»Π΅Π³Ρ‡Π΅ ΠΎΡ†Π΅Π½ΠΈΠ²Π°Ρ‚ΡŒ ΠΈ Ρ€Π΅ΠΌΠΎΠ½Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ эту Π½Π΅Π΄Π²ΠΈΠΆΠΈΠΌΠΎΡΡ‚ΡŒ, ΠΎΠ±ΡŠΡΠ²Π»ΡΠ΅Ρ‚ ΠΎ Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π°ΡƒΠ½Π΄ финансирования, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΎΠ½ Π²ΠΈΠ΄ΠΈΡ‚ всплСск роста использования.

Hover — компания построила ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΡƒ, которая ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ восСмь Π±Π°Π·ΠΎΠ²Ρ‹Ρ… Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ смартфона, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΊΠ»Π΅ΠΈΡ‚ΡŒ Ρ‚Ρ€Π΅Ρ…ΠΌΠ΅Ρ€Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ вашСго Π΄ΠΎΠΌΠ°, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π·Π°Ρ‚Π΅ΠΌ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ подрядчиками, страховыми компаниями ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ Π»ΠΈΡ†Π°ΠΌΠΈ для ΠΎΡ†Π΅Π½ΠΊΠΈ Ρ€Π΅ΠΌΠΎΠ½Ρ‚Π°, опрСдСлСния Ρ†Π΅Π½Ρ‹ Ρ€Π°Π±ΠΎΡ‚Ρ‹ ΠΈ ΠΏΠΎΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π³ΠΎ Π·Π°ΠΊΠ°Π·Π° Π΄Π΅Ρ‚Π°Π»Π΅ΠΉ для сдСлай свою Ρ€Π°Π±ΠΎΡ‚Ρƒ — ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ»Π° 60 ΠΌΠΈΠ»Π»ΠΈΠΎΠ½ΠΎΠ² Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² Π½ΠΎΠ²ΠΎΠ³ΠΎ финансирования.

БСрия D ΠΎΡ†Π΅Π½ΠΈΠ²Π°Π΅Ρ‚ компанию Π² 490 ΠΌΠΈΠ»Π»ΠΈΠΎΠ½ΠΎΠ² Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² послС внСсСния Π΄Π΅ΠΏΠΎΠ·ΠΈΡ‚Π°, ΠΈ, Ρ‡Ρ‚ΠΎ Π²Π°ΠΆΠ½ΠΎ, Π² Π½Π΅Π΅ Π²Ρ…ΠΎΠ΄ΠΈΠ» ряд стратСгичСских инвСсторов. Π’Ρ€ΠΈ ΠΊΡ€ΡƒΠΏΠ½Π΅ΠΉΡˆΠΈΡ… страховых ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ БША.S. — Travelers, State Farm Ventures ΠΈ Nationwide — Π²ΠΎΠ·Π³Π»Π°Π²ΠΈΠ»ΠΈ Ρ€Π°ΡƒΠ½Π΄, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ Ρ‚Π°ΠΊΠΆΠ΅ приняли участиС Π³ΠΈΠ³Π°Π½Ρ‚ ΡΡ‚Ρ€ΠΎΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΠΎΠ² Standard Industries ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Π½Π΅Π½Π°Π·Π²Π°Π½Π½Ρ‹Π΅ ΡΡ‚Ρ€ΠΎΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ. Π’ этом Ρ€Π°ΡƒΠ½Π΄Π΅ Ρ‚Π°ΠΊΠΆΠ΅ участвовали Π±Ρ‹Π²ΡˆΠΈΠ΅ спонсоры Menlo Ventures, GV (Ρ€Π°Π½Π΅Π΅ Google Ventures) ΠΈ Allp Louie Partners, Π° Ρ‚Π°ΠΊΠΆΠ΅ Π½ΠΎΠ²Ρ‹ΠΉ спонсор Guidewire Software.

Благодаря этому Ρ„ΠΈΠ½Π°Π½ΡΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡŽ общая сумма, привлСчСнная Hover, составляСт Ρ‡ΡƒΡ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ 142 ΠΌΠΈΠ»Π»ΠΈΠΎΠ½ΠΎΠ² Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ², ΠΈ для Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ контСкста Π΅Π³ΠΎ ΠΎΡ†Π΅Π½ΠΊΠΈ это Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ скачок ΠΏΠΎ ΡΡ€Π°Π²Π½Π΅Π½ΠΈΡŽ с Π΅Π³ΠΎ послСдним Ρ€Π°ΡƒΠ½Π΄ΠΎΠΌ, сСриСй C Π² 2019 Π³ΠΎΠ΄Ρƒ, ΠΊΠΎΠ³Π΄Π° Hover Π±Ρ‹Π» ΠΎΡ†Π΅Π½Π΅Π½ Π² 280 ΠΌΠΈΠ»Π»ΠΈΠΎΠ½ΠΎΠ² Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² (согласно PitchBook Π΄Π°Π½Π½Ρ‹Π΅).

БСгодняшнСС финансированиС, Ρ‚Π°ΠΊΠΎΠΉ скачок ΠΎΡ†Π΅Π½ΠΊΠΈ ΠΈ интСрСс страховых ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΉ Π½Π°ΡΡ‚ΡƒΠΏΠ°ΡŽΡ‚ вслСд Π·Π° ΠΎΠ³Ρ€ΠΎΠΌΠ½Ρ‹ΠΌ ростом ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ. А.Π”ΠΆ. ΠΠ»ΡŒΡ‚ΠΌΠ°Π½, ΠΎΡΠ½ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΠΈ Π³Π΅Π½Π΅Ρ€Π°Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΡ€Π΅ΠΊΡ‚ΠΎΡ€ Hover, рассказал ΠΌΠ½Π΅, Ρ‡Ρ‚ΠΎ Π² 2016 Π³ΠΎΠ΄Ρƒ Π²Ρ‹Ρ€ΡƒΡ‡ΠΊΠ° стартапа составила ΠΎΠΊΠΎΠ»ΠΎ 1 ΠΌΠΈΠ»Π»ΠΈΠΎΠ½Π° Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ². Π’ этом Π³ΠΎΠ΄Ρƒ ΠΎΠ½ ΠΎΠΆΠΈΠ΄Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ Π΅Π³ΠΎ годовая Π½ΠΎΡ€ΠΌΠ° вырастСт Β«ΠΊ сСвСру ΠΎΡ‚ 70 ΠΌΠΈΠ»Π»ΠΈΠΎΠ½ΠΎΠ² Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ²Β», ΠΏΡ€ΠΈ этом Π½Π° страховыС ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ… ΠΊΡ€ΡƒΠΏΠ½Ρ‹Ρ… Π΄Π΅Π»ΠΎΠ²Ρ‹Ρ… ΠΏΠ°Ρ€Ρ‚Π½Π΅Ρ€ΠΎΠ² приходится большая Ρ‡Π°ΡΡ‚ΡŒ Π΅Π³ΠΎ роста.

Компания

Hover Π±Ρ‹Π»Π° основана Π² 2011 Π³ΠΎΠ΄Ρƒ ΠΈ Π²ΠΏΠ΅Ρ€Π²Ρ‹Π΅ Π·Π°Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΠΎΠ²Π°Π»Π° сСбя благодаря Π΄ΠΎΠΌΠΎΠ²Π»Π°Π΄Π΅Π»ΡŒΡ†Π°ΠΌ, ΠΈΠ½Π΄ΠΈΠ²ΠΈΠ΄ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΌ прСдприниматСлям ΠΈ подрядчикам ΠΌΠ°Π»ΠΎΠ³ΠΎ бизнСса, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ€Π΅ΠΌΠΎΠ½Ρ‚ΠΈΡ€ΡƒΡŽΡ‚ свои Π΄ΠΎΠΌΠ°, Ρ€Π΅ΠΌΠΎΠ½Ρ‚ΠΈΡ€ΡƒΡŽΡ‚ ΠΊΡ€Ρ‹ΡˆΠΈ ΠΈ Ρ€Π΅ΠΌΠΎΠ½Ρ‚ΠΈΡ€ΡƒΡŽΡ‚ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ части своих конструкций.Π•Π³ΠΎ ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΌ Π²ΠΊΠ»Π°Π΄ΠΎΠΌ Π½Π° Ρ€Ρ‹Π½ΠΎΠΊ стало ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ΅ обСспСчСниС, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΠ»ΠΎ ΠΎΠ±ΠΎΠΉΡ‚ΠΈ Π±ΠΎΠ»ΡŒΡˆΡƒΡŽ Ρ‡Π°ΡΡ‚ΡŒ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Π°Ρ€Π½ΠΎΠΉ ΠΈ тяТСлой Ρ€Π°Π±ΠΎΡ‚Ρ‹, связанной с Ρ€Π΅ΠΌΠΎΠ½Ρ‚ΠΎΠΌ Π΄ΠΎΠΌΠ°, ΠΏΡƒΡ‚Π΅ΠΌ привязки всСго процСсса ΠΊ функциям смартфона: Π΅Π³ΠΎ ΠΊΠ°ΠΌΠ΅Ρ€Π΅, Π΄Π°Ρ‚Ρ‡ΠΈΠΊΠ°ΠΌ Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π° ΠΈ использованию ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ.

По сути, ΠΎΠ½ позволял Π»ΡŽΠ±ΠΎΠΌΡƒ, Ρƒ ΠΊΠΎΠ³ΠΎ Π±Ρ‹Π»Π° обычная ΠΊΠ°ΠΌΠ΅Ρ€Π° смартфона, ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ нСсколько снимков пространства (Π΄ΠΎ восьми), ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π·Π°Ρ‚Π΅ΠΌ ΠΌΠΎΠΆΠ½ΠΎ Π±Ρ‹Π»ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для создания «структурированного» Ρ‚Ρ€Π΅Ρ…ΠΌΠ΅Ρ€Π½ΠΎΠ³ΠΎ изобраТСния, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π»ΡƒΡ‡ΡˆΠ΅ ΠΎΡ†Π΅Π½ΠΈΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρƒ.

Π­Ρ‚ΠΈ Ρ‚Ρ€Π΅Ρ…ΠΌΠ΅Ρ€Π½Ρ‹Π΅ изобраТСния Π½Π΅ ΡΠ²Π»ΡΡŽΡ‚ΡΡ ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹ΠΌΠΈ Ρ‚Ρ€Π΅Ρ…ΠΌΠ΅Ρ€Π½Ρ‹ΠΌΠΈ изобраТСниями: ΠΎΠ½ΠΈ динамичСски ΠΊΠΎΠ΄ΠΈΡ€ΡƒΡŽΡ‚ΡΡ с ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠ΅ΠΉ ΠΎ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Π°Ρ…, Ρ€Π°Π·ΠΌΠ΅Ρ€Π°Ρ… ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°Ρ…, Π° Ρ‚Π°ΠΊΠΆΠ΅ Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ Π΄Π°Π½Π½Ρ‹ΠΌΠΈ, Π²Π°ΠΆΠ½Ρ‹ΠΌΠΈ для выполнСния любой Ρ€Π°Π±ΠΎΡ‚Ρ‹.ΠŸΠΎΠ΄Ρ€ΡΠ΄Ρ‡ΠΈΠΊ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‰ΠΈΠΉ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Hover, ΠΌΠΎΠΆΠ΅Ρ‚ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ систСму, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ эти изобраТСния, Π² свою ΠΎΡ‡Π΅Ρ€Π΅Π΄ΡŒ, ΠΌΠΎΠ³ΡƒΡ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ для автоматичСского создания Ρ†Π΅Π½ΠΎΠ²Ρ‹Ρ… ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΈΠΉ со счСтами ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΠΎΠ² ΠΈ сроками Ρ€Π°Π±ΠΎΡ‚Ρ‹ для своих ΠΏΠΎΡ‚Π΅Π½Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ². (Π‘Ρ€Π°Π²Π½ΠΈΡ‚Π΅ это с Ρ†Π΅Π½ΠΎΠΉ Π½Π° Β«ΠΎΠ±ΠΎΡ€ΠΎΡ‚Π½ΠΎΠΉ сторонС Π²ΠΈΠ·ΠΈΡ‚ΠΊΠΈΒ», которая, ΠΏΠΎ словам ΠΠ»ΡŒΡ‚ΠΌΠ°Π½Π°, Ρ‚ΠΈΠΏΠΈΡ‡Π½Π° для большого количСства Ρ€Π°Π±ΠΎΡ‡ΠΈΡ… мСст.)

И Π² наши Π΄Π½ΠΈ Hover Ρ‚Π°ΠΊΠΆΠ΅ слуТит ΠΏΠΎΡ€Ρ‚Π°Π»ΠΎΠΌ элСктронной ΠΊΠΎΠΌΠΌΠ΅Ρ€Ρ†ΠΈΠΈ, Π³Π΄Π΅ строитСли ΠΌΠΎΠ³ΡƒΡ‚ Π·Π°ΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ Π΄Π΅Ρ‚Π°Π»ΠΈ для выполнСния этой Ρ€Π°Π±ΠΎΡ‚Ρ‹.

Компания Π·Π°Π²ΠΎΠ΅Π²Π°Π»Π° Π±ΠΎΠ»ΡŒΡˆΡƒΡŽ ΠΏΠΎΠΏΡƒΠ»ΡΡ€Π½ΠΎΡΡ‚ΡŒ Π½Π° Ρ€Ρ‹Π½ΠΊΠ΅ отчасти ΠΈΠ·-Π·Π° Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΠΎΠ½Π° ΠΎΡ†ΠΈΡ„Ρ€ΠΎΠ²Π°Π»Π° Π°Π½Π°Π»ΠΎΠ³ΠΎΠ²Ρ‹ΠΉ процСсс, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π΄ΠΎ этого Π±Ρ‹Π» ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡Π΅Π½ ΠΈ Π½Π΅ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π΅Π½, Ρ‡Ρ‚ΠΎ ΠΏΠΎ сути являСтся Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΌ процСссом, Π½ΠΎ ΠΈ ΠΎΡ‡Π΅Π½ΡŒ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΌ Ρ€Ρ‹Π½ΠΊΠΎΠΌ. , Π² БША Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ ΠΎΠΊΠΎΠ»ΠΎ 100000 Ρ„ΠΈΡ€ΠΌ ΠΏΠΎ Ρ€Π΅ΠΌΠΎΠ½Ρ‚Ρƒ Π΄ΠΎΠΌΠΎΠ².Π‘. сСгодня.

Β«Π‘Π΅Π³ΠΌΠ΅Π½Ρ‚ обустройства Π΄ΠΎΠΌΠ° Π±Ρ‹Π» ΠΎΠ΄Π½ΠΈΠΌ ΠΈΠ· Π½Π΅ΠΌΠ½ΠΎΠ³ΠΈΡ…, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π½Π΅ Ρ€Π°Π±ΠΎΡ‚Π°Π» Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅Β», — сказал ΠΠ»ΡŒΡ‚ΠΌΠ°Π½. «НапримСр, Ссли ΠΌΠ½Π΅ Π½ΡƒΠΆΠ½Π° Π±Ρ‹Π»Π° новая ΠΊΡ€Ρ‹ΡˆΠ°, Π½Π΅ Ρ‚Π°ΠΊ-Ρ‚ΠΎ просто ΡΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΌΠ½Π΅, сколько это Π±ΡƒΠ΄Π΅Ρ‚ ΡΡ‚ΠΎΠΈΡ‚ΡŒ. ΠŸΡ€ΠΈΡ‡ΠΈΠ½Π° Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ ΠΊΡ‚ΠΎ-Ρ‚ΠΎ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΡΠ½ΡΡ‚ΡŒ с Π΄ΠΎΠΌΠ° дСсятки ΠΈΠ·ΠΌΠ΅Ρ€Π΅Π½ΠΈΠΉ, ΠΏΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ Ρ€Π°ΡΡΡ‡ΠΈΡ‚Π°Ρ‚ΡŒ ΠΈΡ… ΡΡ‚ΠΎΠΈΠΌΠΎΡΡ‚ΡŒ, ΠΎΡ†Π΅Π½ΠΈΡ‚ΡŒ врСмя, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ потрСбуСтся Π½Π° Ρ€Π΅ΠΌΠΎΠ½Ρ‚, ΠΈ Ρ‚Π°ΠΊ Π΄Π°Π»Π΅Π΅. Π₯ΠΎΠ²Π΅Ρ€ создал ΠΊΠΎΠ½Π²Π΅ΠΉΠ΅Ρ€, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΡ€Π΅Π²Ρ€Π°Ρ‰Π°Π΅Ρ‚ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ Π²ΠΎ всС эти ΠΎΡ‚Π²Π΅Ρ‚Ρ‹ Β». По словам ΠΠ»ΡŒΡ‚ΠΌΠ°Π½Π°, Π² настоящСС врСмя Π΅Π΅ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ΠΌ ΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ ΠΎΠΊΠΎΠ»ΠΎ 10 000 подрядчиков, Ρ‚Π°ΠΊ Ρ‡Ρ‚ΠΎ Π²ΠΏΠ΅Ρ€Π΅Π΄ΠΈ Π΅Ρ‰Π΅ ΠΌΠ½ΠΎΠ³ΠΎ роста.

ΠΠ»ΡŒΡ‚ΠΌΠ°Π½ сказал, Ρ‡Ρ‚ΠΎ Π½Π° Π·Π°Ρ€Π΅ своСй Π΄Π΅ΡΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ компания ΡΡ‚ΠΎΠ»ΠΊΠ½ΡƒΠ»Π°ΡΡŒ с Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ прСпятствиСм, убСТдая людСй Π² полСзности прилоТСния, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ позволяло Π±Ρ‹ Π΄Π°ΠΆΠ΅ Π΄ΠΎΠΌΠΎΠ²Π»Π°Π΄Π΅Π»ΡŒΡ†Ρƒ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡƒ с Π½Π΅Π΄Π²ΠΈΠΆΠΈΠΌΠΎΡΡ‚ΡŒΡŽ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π°Ρ‡Π°Ρ‚ΡŒ процСсс поиска ΠΊΠΎΠ³ΠΎ-Ρ‚ΠΎ, ΠΊΡ‚ΠΎ Π΅Π΅ исправит. .

Π­Ρ‚ΠΎ ΠΏΠΎΡ‚ΠΎΠΌΡƒ, Ρ‡Ρ‚ΠΎ Π΄Π°ΠΆΠ΅ Π² эпоху, ΠΊΠΎΠ³Π΄Π° сдСлай сам — ΠΎΠ±Ρ‹Ρ‡Π½ΠΎΠ΅ Π΄Π΅Π»ΠΎ — Π° The Home Depot, кстати, Ρ‚Π°ΠΊΠΆΠ΅ Ρ€Π°Π½Π΅Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π»ΠΎ Hover — ΠΌΠ½ΠΎΠ³ΠΈΠ΅ строитСли ΠΈ ΠΈΡ… ΠΏΠ°Ρ€Ρ‚Π½Π΅Ρ€Ρ‹ ΡΡ‡ΠΈΡ‚Π°ΡŽΡ‚ эту Ρ€ΠΎΠ»ΡŒ своСй, Π° Π½Π΅ своими ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°ΠΌΠΈ.

Битуация сильно измСнилась, особСнно Π·Π° послСдний Π³ΠΎΠ΄ Π² эпоху глобальной ΠΏΠ°Π½Π΄Π΅ΠΌΠΈΠΈ здравоохранСния, которая заставила ΠΌΠ½ΠΎΠ³ΠΈΡ… ΡΠΎΠΊΡ€Π°Ρ‚ΠΈΡ‚ΡŒ ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ ΠΊΠΎΠ½Ρ‚Π°ΠΊΡ‚Ρ‹, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΌΠΎΡ‡ΡŒ ΡΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ распространСниС вируса.

«УстранСниС нСобходимости Π²Ρ‹Π΅Π·Π΄ΠΎΠ² Π½Π° Π΄ΠΎΠΌ — это ΠΎΡ‡Π΅Π½ΡŒ Π²Π°ΠΆΠ½ΠΎ, Π½ΠΎ ΠΌΡ‹ ΠΏΠΎΡ‚Ρ€Π°Ρ‚ΠΈΠ»ΠΈ ΠΌΠ½ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎ COVID ΡƒΠ±Π΅Π΄ΠΈΡ‚ΡŒ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ…, Ρ‡Ρ‚ΠΎ это Ρ…ΠΎΡ€ΠΎΡˆΠ°Ρ идСя», — сказал ΠΎΠ½. Β«ΠŸΠΎΡΡ‚Π°Π²Ρ‰ΠΈΠΊΡƒ услуг — Π±ΡƒΠ΄ΡŒ Ρ‚ΠΎ страховая компания ΠΈΠ»ΠΈ подрядчик — Π½Π΅ ΠΏΠΎΠ½Ρ€Π°Π²ΠΈΠ»Π°ΡΡŒ идСя ΠΏΡ€ΠΈΠ²Π»Π΅Ρ‡ΡŒ Π΄ΠΎΠΌΠΎΠ²Π»Π°Π΄Π΅Π»ΡŒΡ†Π° ΠΈ ΠΏΠΎΠΏΡ€ΠΎΡΠΈΡ‚ΡŒ Π΅Π³ΠΎ Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ эту Ρ€Π°Π±ΠΎΡ‚ΡƒΒ». По Π΅Π³ΠΎ словам, ситуация Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ измСнилась, «с появлСниСм COVIDΒ», ΠΈ Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ просят ΠΎΠ± этом Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π΅.

Π’ Ρ‚ΠΎ врСмя ΠΊΠ°ΠΊ Π±ΠΎΠ»Π΅Π΅ ΠΌΠ΅Π»ΠΊΠΈΠ΅ подрядчики сСгодня ΡΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‚ Π±ΠΎΠ»ΡŒΡˆΡƒΡŽ Ρ‡Π°ΡΡ‚ΡŒ Π΄ΠΎΡ…ΠΎΠ΄ΠΎΠ² Hover, страхованиС являСтся Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ быстрорастущим сСгмСнтом Π΅Π³ΠΎ бизнСса, сказал ΠΠ»ΡŒΡ‚ΠΌΠ°Π½, Π³Π΄Π΅ ΠΊΡ€ΡƒΠΏΠ½Ρ‹Π΅ Ρ„ΠΈΡ€ΠΌΡ‹ ΠΈΠ½Ρ‚Π΅Π³Ρ€ΠΈΡ€ΡƒΡŽΡ‚ свои прилоТСния с Hover’s, рассылая ссылки ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°ΠΌ для фотографирования с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ прилоТСния Hover, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π·Π°Ρ‚Π΅ΠΌ автоматичСски ΠΎΡ‚ΠΏΡ€Π°Π²Π»ΡΡŽΡ‚ΡΡ Π² ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ страховой ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π·Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ процСсс рассмотрСния ΠΏΡ€Π΅Ρ‚Π΅Π½Π·ΠΈΠΉ ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ².

«Для нас Π²Π°ΠΆΠ½ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΌΡ‹ прСдоставляли нашим ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°ΠΌ Π½Π°ΠΈΠ»ΡƒΡ‡ΡˆΠΈΠ΅ возмоТности, ΠΈ тСхнология Hover ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ Π½Π°ΠΌ Π² этом, создавая Π±ΠΎΠ»Π΅Π΅ простой, быстрый ΠΈ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹ΠΉ процСсс рассмотрСния ΠΏΡ€Π΅Ρ‚Π΅Π½Π·ΠΈΠΉΒ», — сказал Ник Π‘Π΅ΠΌΠΈΠ½Π°Ρ€Π°, ΠΈΡΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ Π²ΠΈΡ†Π΅-ΠΏΡ€Π΅Π·ΠΈΠ΄Π΅Π½Ρ‚ ΠΈ Π³Π»Π°Π²Π½Ρ‹ΠΉ спСциалист ΠΏΠΎ ΡƒΡ€Π΅Π³ΡƒΠ»ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡŽ ΠΏΡ€Π΅Ρ‚Π΅Π½Π·ΠΈΠΉ. ΠŸΡƒΡ‚Π΅ΡˆΠ΅ΡΡ‚Π²Π΅Π½Π½ΠΈΠΊΠΈ Π² заявлСнии. Β«ΠœΡ‹ Π²ΠΈΠ΄ΠΈΠΌ ΠΎΠ³Ρ€ΠΎΠΌΠ½Ρ‹Π΅ возмоТности для Hover Π² сфСрС страхования, ΠΈ ΠΌΡ‹ Ρ€Π°Π΄Ρ‹ ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠΈΡ‚ΡŒ нашС сотрудничСство ΠΈ ΠΈΠ½Π²Π΅ΡΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π² ΠΈΡ… Π±ΡƒΠ΄ΡƒΡ‰Π΅Π΅Β».

Π’ долгосрочной пСрспСктивС Π΅ΡΡ‚ΡŒ ряд областСй, Π² ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ сСбС ΠΏΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ Hover.Компания ΡƒΠΆΠ΅ ΠΌΠ½ΠΎΠ³ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ с коммСрчСскими зданиями, ΠΈ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ шагом, вСроятно, станСт дальнСйшСС Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΡ… Ρ€Π°Π±ΠΎΡ‚, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΈ Π΄Π΅ΠΊΠΎΡ€ Π΄ΠΎΠΌΠ°.

Π¦ΠΈΡ„Ρ€ΠΎΠ²ΠΎΠ΅ «побратимство», ΠΊΠ°ΠΊ ΠΎΠ΄ΠΈΠ½ инвСстор описал процСсс создания ΠΎΡ†ΠΈΡ„Ρ€ΠΎΠ²Π°Π½Π½Ρ‹Ρ… Π²ΠΈΠ·ΡƒΠ°Π»ΠΈΠ·Π°Ρ†ΠΈΠΉ физичСских пространств, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π·Π°Ρ‚Π΅ΠΌ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ Π°Π½Π°Π»ΠΈΡ‚ΠΈΠΊΠΈ ΠΈ просто для ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡ процСсса выполнСния любой Ρ€Π°Π±ΠΎΡ‚Ρ‹, связанной с этим пространством, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Π² рядС отраслСй. Они Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‚ ΠΊΠ°Ρ€Ρ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈ логистику, Π°Π²Ρ‚ΠΎΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ прилоТСния, ΠΌΠ΅Π΄ΠΈΡ†ΠΈΠ½Ρƒ, Π°ΡΡ€ΠΎΠΊΠΎΡΠΌΠΈΡ‡Π΅ΡΠΊΡƒΡŽ ΠΈ ΠΎΠ±ΠΎΡ€ΠΎΠ½Π½ΡƒΡŽ ΠΏΡ€ΠΎΠΌΡ‹ΡˆΠ»Π΅Π½Π½ΠΎΡΡ‚ΡŒ, ΠΈΠ³Ρ€Ρ‹ ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄Ρ€ΡƒΠ³ΠΎΠ΅.Π­Ρ‚ΠΎ Π΄Π°Π΅Ρ‚ Ρ‚Π°ΠΊΠΎΠΉ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ, ΠΊΠ°ΠΊ Hover, которая ΡƒΠΆΠ΅ ΠΈΠΌΠ΅Π΅Ρ‚ ΠΎΠΊΠΎΠ»ΠΎ 35 ΠΏΠ°Ρ‚Π΅Π½Ρ‚ΠΎΠ² Π½Π° свои Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ ΠΈ ΠΈΠΌΠ΅Π΅Ρ‚ ΠΊΠΎΠΌΠ°Π½Π΄Ρƒ, которая вносит большС ΠΈΠ½Π½ΠΎΠ²Π°Ρ†ΠΈΠΉ Π² процСсс, ΠΏΠΎΡ‚Π΅Π½Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎ большой Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚ ΠΈ Π½Π°Π±ΠΎΡ€ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΠΎΠ½Π° ΠΌΠΎΠΆΠ΅Ρ‚ расти.

Но Π΄Π°ΠΆΠ΅ Ссли ΡΠΎΡΡ€Π΅Π΄ΠΎΡ‚ΠΎΡ‡ΠΈΡ‚ΡŒ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° ΠΏΠΎΡ‚Π΅Π½Ρ†ΠΈΠ°Π»Π΅ Ρ€Ρ‹Π½ΠΊΠ° нСдвиТимости, ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚ΡŒ мноТСство ΠΏΠΎΡ‚Π΅Π½Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… ΠΏΠΎΠΌΠ΅Ρ‰Π΅Π½ΠΈΠΉ. НапримСр, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ, ΠΊΠ°ΠΊ Ρ‚Π°ΠΊΠΈΠ΅ Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ связаны с ΠΏΠΎΠ΄ΠΎΠ±Π½Ρ‹ΠΌΠΈ Ρ„ΠΈΡ€ΠΌΠ°ΠΌ ΠΏΠΎ ΠΏΡ€ΠΎΠ΄Π°ΠΆΠ΅ Тилья, Π³Π΄Π΅ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ ΠΌΠΎΠ³ΡƒΡ‚ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΡ€ΠΎΠ΄Π°Π²Π°Ρ‚ΡŒ Π΄ΠΎΠΌ, Π½ΠΎ ΠΈ, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π·Π°Π½ΠΈΠΌΠ°Ρ‚ΡŒΡΡ Ρ€Π΅ΠΌΠΎΠ½Ρ‚ΠΎΠΌ, со всСй Ρ€Π°Π±ΠΎΡ‚ΠΎΠΉ ΠΏΠΎ ΠΏΠ»Π°Π½ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡŽ, ΠΈΠ·Π»ΠΎΠΆΠ΅Π½Π½ΠΎΠΉ для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΡΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ это, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ ΠΊΡƒΠΏΠΈ это; Π° Ρ‚Π°ΠΊΠΆΠ΅, ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ ΠΆΠ΅, ΠΎΠ±ΡˆΠΈΡ€Π½Ρ‹ΠΉ Π»Π°Π½Π΄ΡˆΠ°Ρ„Ρ‚ прСдприятий элСктронной ΠΊΠΎΠΌΠΌΠ΅Ρ€Ρ†ΠΈΠΈ, ΠΏΡ€ΠΎΠ΄Π°ΡŽΡ‰ΠΈΡ… мСбСль для Π΄ΠΎΠΌΠ°, элСктронику ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄Ρ€ΡƒΠ³ΠΎΠ΅.

МногиС ΠΈΠ· Π½ΠΈΡ…, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ Ikea ΠΈ Houzz, ΡƒΠΆΠ΅ Π²Π»ΠΎΠΆΠΈΠ»ΠΈ ΠΌΠ½ΠΎΠ³ΠΎ срСдств Π² использованиС Π½ΠΎΠ²Ρ‹Ρ… Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ° Apple AR, для ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ ΠΎΠΏΡ‹Ρ‚Π°, ΠΈ поэтому ΠΆΠ΅Π»Π°Π½ΠΈΠ΅ ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ Π½Π° Π½ΠΎΠ²Ρ‹ΠΉ ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎ присутствуСт.

Начало Ρ€Π°Π±ΠΎΡ‚Ρ‹ с эффСктами навСдСния изобраТСния

Π­Ρ„Ρ„Π΅ΠΊΡ‚Ρ‹ навСдСния ΡΠ²Π»ΡΡŽΡ‚ΡΡ Ρ‡Π°ΡΡ‚ΡŒΡŽ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π° Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠ² сайтов. Они ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ простыми — Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΡƒΠ²Π΅Π»ΠΈΡ‡Π΅Π½ΠΈΠ΅ изобраТСния — ΠΈΠ»ΠΈ Π·Π°ΠΏΡƒΡΠΊΠ°Ρ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΎΡΡ‚ΡƒΠΏΠ΅Π½Ρ‡Π°Ρ‚ΡƒΡŽ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ. Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ ΠΌΡ‹ ΠΏΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΠΌ вас с Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ основами ΠΈ ΠΏΠ°Ρ€ΠΎΠΉ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ Π±ΠΎΠ»Π΅Π΅ ΠΏΡ€ΠΎΠ΄Π²ΠΈΠ½ΡƒΡ‚Ρ‹Ρ… ΠΏΡ€ΠΈΠ΅ΠΌΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ Π²Π°ΠΌ Π½Π°Ρ‡Π°Ρ‚ΡŒ ΠΈΠ½Ρ‚Π΅Π³Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ эффСкты навСдСния Π² свои собствСнныС ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹.

Π­Ρ„Ρ„Π΅ΠΊΡ‚Ρ‹ навСдСния ΠΏΡ€ΠΈΠ΄Π°ΡŽΡ‚ Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ ΠΈ Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅, дСлая Ρ€Π°Π±ΠΎΡ‚Ρƒ Π² сСти Π±ΠΎΠ»Π΅Π΅ Π΄ΠΈΠ½Π°ΠΌΠΈΡ‡Π½ΠΎΠΉ. НСзависимо ΠΎΡ‚ Ρ‚ΠΎΠ³ΠΎ, ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ Π»ΠΈ ΠΎΠ½ΠΈ Π½Π° Π°ΠΊΡ‚ΠΈΠ²Π½ΡƒΡŽ ссылку ΠΈΠ»ΠΈ Π²Ρ‹Π·Ρ‹Π²Π°ΡŽΡ‚ всплСск Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ, эффСкты навСдСния Π΄Π°ΡŽΡ‚ Π²Π°ΠΌ Π½Π΅ΠΌΠ΅Π΄Π»Π΅Π½Π½ΡƒΡŽ ΠΎΠ±Ρ€Π°Ρ‚Π½ΡƒΡŽ связь. Они ΠΌΠΎΠ³ΡƒΡ‚ Π½Π°ΠΏΡ€Π°Π²Π»ΡΡ‚ΡŒ посСтитСлСй ΠΊ ΠΆΠ΅Π»Π°Π΅ΠΌΠΎΠΌΡƒ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡŽ ΠΈΠ»ΠΈ Π²Ρ‹ΡΡ‚ΡƒΠΏΠ°Ρ‚ΡŒ Π² качСствС худоТСствСнного ΡƒΠΊΡ€Π°ΡˆΠ΅Π½ΠΈΡ, ΠΎΠΆΠΈΠ²Π»ΡΡŽΡ‰Π΅Π³ΠΎ Ρ†ΠΈΡ„Ρ€ΠΎΠ²ΠΎΠ΅ пространство.

Π­Ρ„Ρ„Π΅ΠΊΡ‚Ρ‹ навСдСния Ρ€Π°Π·Π»ΠΈΡ‡Π°ΡŽΡ‚ΡΡ ΠΏΠΎ слоТности, Π½ΠΎ созданиС простых Π² Webflow Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Π² сСбя:

  1. Π’Ρ‹Π±ΠΎΡ€ элСмСнта, ΠΊ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌΡƒ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ эффСкт навСдСния
  2. ΠŸΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ мСню состояний Π² состояниС навСдСния ΠΈ настройка стиля
  3. Π’ΠΎΠ·Π²Ρ€Π°Ρ‚ ΠΊ состояниС none ΠΈ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π°

Π”Π°Π²Π°ΠΉΡ‚Π΅ Π½Π°Ρ‡Π½Π΅ΠΌ с рассмотрСния Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ эти 3 шага ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для создания ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΈΠ· самых простых взаимодСйствий — навСдСния ΠΈ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡ.

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π±Π°Π·ΠΎΠ²ΠΎΠ³ΠΎ эффСкта навСдСния ΠΈ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡ

Π’Π°-Π΄Π°! ΠŸΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ курсора Π½Π° эту ΠΏΡ€ΠΈΡ‡ΡƒΠ΄Π»ΠΈΠ²ΡƒΡŽ структуру ΠΎΠ½Π° становится большС.

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ Π²Π°ΠΌ, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ собствСнный эффСкт увСличСния ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ, ΠΌΡ‹ расскаТСм, ΠΊΠ°ΠΊ ΠΌΡ‹ Π΅Π³ΠΎ создали. Π₯ΠΎΡ‚ΠΈΡ‚Π΅ ΡΠ»Π΅Π΄ΠΈΡ‚ΡŒ Π·Π° ΠΌΠ½ΠΎΠΉ? ΠžΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ Π² Webflow.

Π©Π΅Π»Ρ‡ΠΎΠΊ ΠΏΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡŽ Π²Ρ‹Π±ΠΈΡ€Π°Π΅Ρ‚ Π΅Π³ΠΎ Π² Π½Π°Π²ΠΈΠ³Π°Ρ‚ΠΎΡ€Π΅ ΠΈ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π΅Π³ΠΎ имя: image-bg. Навигатор ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ ΠΈΠ΅Ρ€Π°Ρ€Ρ…ΠΈΡŽ элСмСнтов, ΠΈ ΠΌΡ‹ Π²ΠΈΠ΄ΠΈΠΌ, Ρ‡Ρ‚ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ содСрТится Π² Π±Π»ΠΎΠΊΠ΅ div с ΠΈΠΌΠ΅Π½Π΅ΠΌ: divZoomImage.

Π§Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ·Π½Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ происходит с этим ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ, ΠΊΠΎΠ³Π΄Π° ΠΌΡ‹ Π½Π°Π²ΠΎΠ΄ΠΈΠΌ Π½Π° Π½Π΅Π³ΠΎ курсор, ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠ΅ Π² Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΌΡΡ мСню состояний для этого элСмСнта. ΠœΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ эффСкт трансформации, ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΠ²Π°ΡŽΡ‰ΠΈΠΉ Π΅Π³ΠΎ Π² 1,2 Ρ€Π°Π·Π° ΠΏΠΎ осям X ΠΈ Y.

Π­Ρ„Ρ„Π΅ΠΊΡ‚ прСобразования являСтся Ρ‡Π°ΡΡ‚ΡŒΡŽ состояния навСдСния. Π‘ΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ роста Π΄ΠΎΠΌΠ° — это ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ добавляСтся ΠΊ ΡΠΎΡΡ‚ΠΎΡΠ½ΠΈΡŽ Β«Π½Π΅Ρ‚Β» (ΠΈΠ»ΠΈ ΡΠΎΡΡ‚ΠΎΡΠ½ΠΈΡŽ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ). ΠŸΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ установлСн Π½Π° врСмя Π±ΠΎΠ»Π΅Π΅ 500 миллисСкунд ΠΈ ΠΈΠΌΠ΅Π΅Ρ‚ простой рСТим… Π½Ρƒ, Π»Π΅Π³ΠΊΠΎΡΡ‚ΡŒ.

Π­Ρ‚ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ эффСкта навСдСния, примСняСмого ΠΊ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡŽ — Π½ΠΎ Ρ‡Ρ‚ΠΎ, Ссли ΠΌΡ‹ Ρ…ΠΎΡ‚ΠΈΠΌ ΠΏΠΎΠΈΠ³Ρ€Π°Ρ‚ΡŒ с Ρ„ΠΈΠ³ΡƒΡ€Π°ΠΌΠΈ? Π­Ρ‚ΠΎΡ‚ эффСкт ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π° ΠΎΡ‚ ΠΊΡ€ΡƒΠ³Π° ΠΊ ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚Ρƒ слСдуСт Ρ‚ΠΎΠΌΡƒ ΠΆΠ΅ процСссу, с состояниСм none, содСрТащим ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ ΠΌΠ΅ΠΆΠ΄Ρƒ состояниями, ΠΈ зависаниСм, ΡƒΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΠΈΠΌ Ρ‚Π΅ΠΌ, Ρ‡Ρ‚ΠΎ происходит Π² состоянии навСдСния.

Π’ состоянии навСдСния это просто Π±Π»ΠΎΠΊ div с синим Ρ„ΠΎΠ½ΠΎΠΌ.

ΠŸΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ Π² состояниС none ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ ΠΊ ΡƒΠ³Π»Π°ΠΌ ΠΏΡ€ΠΈΠΌΠ΅Π½Π΅Π½ радиус 50%, Ρ‡Ρ‚ΠΎ создаСт ΠΊΡ€ΡƒΠ³. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, ΠΎΠ½ прСвращаСтся ΠΈΠ· ΠΊΡ€ΡƒΠ³Π° (с ΡƒΠ³Π»Π°ΠΌΠΈ, установлСнными с радиусом 50%) Π² ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚ (с радиусом ΡƒΠ³Π»ΠΎΠ², установлСнным Π½Π° 0%).

ВрСмя ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π° 350 мс управляСт ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒΡŽ этого прСобразования ΠΈΠ· ΠΊΡ€ΡƒΠ³Π° Π² ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚. Π­Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ ΠΊΠ°ΠΊ слоТная анимация, Π½ΠΎ это просто вопрос ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½ΠΈΡ округлости ΠΊΡ€ΡƒΠ³Π° Π΄ΠΎ Ρ‚Π΅Ρ… ΠΏΠΎΡ€, ΠΏΠΎΠΊΠ° Ρƒ Π½Π΅Π³ΠΎ Π½Π΅ появятся ΡƒΠ³Π»Ρ‹, Π² Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π΅ Ρ‡Π΅Π³ΠΎ получится простой синий Π±Π»ΠΎΠΊ div.

Π Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ состояния отсутствия, навСдСния, наТатия ΠΈ фокусировки Π² мСню состояний извСстны ΠΊΠ°ΠΊ псСвдоклассы. ΠœΡ‹ Π½Π΅ Π±ΡƒΠ΄Π΅ΠΌ Π²Π΄Π°Π²Π°Ρ‚ΡŒΡΡ Π² подробности ΠΎ различиях ΠΌΠ΅ΠΆΠ΄Ρƒ Π½ΠΈΠΌΠΈ здСсь, Π½ΠΎ ΠΎΠ·Π½Π°ΠΊΠΎΠΌΡŒΡ‚Π΅ΡΡŒ с этим руководством Π² Webflow University, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ·Π½Π°Ρ‚ΡŒ большС.

Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ Π½Π° эту страницу ΠΏΠΎΠ»ΠΈΠ³ΠΎΠ½Π° Π² Webflow. Π’ Π½Π΅ΠΌ Π΅ΡΡ‚ΡŒ эти эффСкты навСдСния ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄Ρ€ΡƒΠ³ΠΎΠ΅ для изучСния — просто Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π·Π½Π°Ρ‡ΠΎΠΊ Pages Π½Π° Π»Π΅Π²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов.

ИспользованиС Ρ„ΠΈΠ»ΡŒΡ‚Ρ€ΠΎΠ² для Π²Ρ‹Ρ…ΠΎΠ΄Π° Π·Π° Ρ€Π°ΠΌΠΊΠΈ основ

ΠœΡ‹ рассмотрСли Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ эффСктов Π² состояниС навСдСния ΠΈ установку Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π° Π² состояниС Β«Π½Π΅Ρ‚Β».Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ слоТныС эффСкты навСдСния, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ постСпСнноС появлСниС ΠΈΠ»ΠΈ исчСзновСниС элСмСнта ΠΈΠ»ΠΈ Ρ€Π°ΡΠΊΡ€Π°ΡˆΠΈΠ²Π°Π½ΠΈΠ΅ изобраТСния Π² градациях сСрого, Π½Π°ΠΌ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ„ΠΈΠ»ΡŒΡ‚Ρ€Ρ‹.

Latinxs Who Design — это собраниС Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ², ΠΎΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Π°Π½Π½Ρ‹Ρ… Π² Π²ΠΈΠ΄Π΅ сСтки. ΠŸΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ курсора Π½Π° ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ Ρ‡Π΅Ρ€Π½ΠΎ-Π±Π΅Π»Ρ‹ΠΉ снимок Π² Π³ΠΎΠ»ΠΎΠ²Ρƒ ΠΎΠ½ ΠΎΠΊΡ€Π°ΡˆΠΈΠ²Π°Π΅Ρ‚ΡΡ ΠΈ увСличиваСтся.

Π”Π°Π²Π°ΠΉΡ‚Π΅ посмотрим, Ρ‡Ρ‚ΠΎ происходит ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ курсора.

Π—Π΄Π΅ΡΡŒ ΠΌΡ‹ Π²ΠΈΠ΄ΠΈΠΌ эффСкт прСобразования (Ρ‚ΠΎΡ‡Π½ΠΎ Ρ‚Π°ΠΊΠΎΠΉ ΠΆΠ΅, ΠΊΠ°ΠΊ ΠΏΡ€ΠΈ ΡƒΠ²Π΅Π»ΠΈΡ‡Π΅Π½ΠΈΠΈ ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΡ‹ рассматривали Ρ€Π°Π½Π΅Π΅), ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΠ΅Ρ‚ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π²Π²Π΅Ρ€Ρ… Π½Π° 1.2 Ρ€Π°Π·Π° ΠΏΠΎ осям X ΠΈ Y.

Π’Π°ΠΊΠΆΠ΅ Π΅ΡΡ‚ΡŒ Π΄Π²Π° Ρ„ΠΈΠ»ΡŒΡ‚Ρ€Π°: для насыщСнности установлСно Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ 110%, Π° для контраста — 120%.

Π”Π°Π²Π°ΠΉΡ‚Π΅ вСрнСмся ΠΊ ΡΠΎΡΡ‚ΠΎΡΠ½ΠΈΡŽ none ΠΈ посмотрим, с Ρ‡Π΅Π³ΠΎ Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‚ΡΡ эти Ρ„ΠΈΠ»ΡŒΡ‚Ρ€Ρ‹.

ΠœΡ‹ Π²ΠΈΠ΄ΠΈΠΌ, Ρ‡Ρ‚ΠΎ Π½Π°ΡΡ‹Ρ‰Π΅Π½Π½ΠΎΡΡ‚ΡŒ начинаСтся с 0%, Ρ‡Ρ‚ΠΎ удаляСт вСсь Ρ†Π²Π΅Ρ‚, прСобразовывая изобраТСния Π² Ρ‡Π΅Ρ€Π½ΠΎ-Π±Π΅Π»Ρ‹Π΅. ΠšΠΎΠ½Ρ‚Ρ€Π°ΡΡ‚Π½ΠΎΡΡ‚ΡŒ начинаСтся со 109% ΠΈ увСличиваСтся Π΄ΠΎ 120% ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ курсора, дСлая ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π±ΠΎΠ»Π΅Π΅ Π²Ρ‹Ρ€Π°ΠΆΠ΅Π½Π½Ρ‹ΠΌ, Π° этот эффСкт — Π±ΠΎΠ»Π΅Π΅ Π΄Ρ€Π°ΠΌΠ°Ρ‚ΠΈΡ‡Π½Ρ‹ΠΌ.К ΠΎΠ±ΠΎΠΈΠΌ эффСктам примСняСтся врСмя ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π° 800 миллисСкунд.

Наряду с Π½Π°ΡΡ‹Ρ‰Π΅Π½Π½ΠΎΡΡ‚ΡŒΡŽ ΠΈ контрастом Π΅ΡΡ‚ΡŒ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Ρ„ΠΈΠ»ΡŒΡ‚Ρ€Ρ‹ Π½Π° Π²Ρ‹Π±ΠΎΡ€, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ ΠΏΠΎΠ²ΠΎΡ€ΠΎΡ‚ ΠΎΡ‚Ρ‚Π΅Π½ΠΊΠ° ΠΈ Ρ€Π°Π·ΠΌΡ‹Ρ‚ΠΈΠ΅. Π Π°Π΄ΠΈ интСрСса Π΄Π°Π²Π°ΠΉΡ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΠΌ Ρ„ΠΈΠ»ΡŒΡ‚Ρ€ размытия с радиусом ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ 5 пиксСлСй ΠΈ посмотрим, ΠΊΠ°ΠΊ это выглядит.

Π”Π°, это ΠΌΠ½ΠΎΠ³ΠΎΠ²Π°Ρ‚ΠΎ, Ссли Π½Π΅ ΡƒΡ‡ΠΈΡ‚Ρ‹Π²Π°Ρ‚ΡŒ влияниС ΠΎΡ€ΠΈΠ³ΠΈΠ½Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ эффСкта. ΠŸΡ€ΠΎΡΠ²Π»Π΅Π½ΠΈΠ΅ сдСрТанности ΠΈ отсутствиС нагромоТдСния эффСктов Π΄Π΅Π»Π°Π΅Ρ‚ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Π΅ элСмСнты интСрСсными, Π° Π½Π΅ Ρ€Π°Π·Π΄Ρ€Π°ΠΆΠ°ΡŽΡ‰ΠΈΠΌΠΈ.

Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΊΠ»ΠΎΠ½ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΠ»ΠΈ ΠΈΠ·ΡƒΡ‡ΠΈΡ‚ΡŒ этот Π΄ΠΈΠ·Π°ΠΉΠ½ дальшС, ΠΏΡ€ΠΎΠ²Π΅Ρ€ΡŒΡ‚Π΅ Π΅Π³ΠΎ Π½Π° Webflow.

Начало Ρ€Π°Π±ΠΎΡ‚Ρ‹ с синхронизированными дСйствиями

Π§Ρ‚ΠΎ Π΄Π΅Π»Π°Ρ‚ΡŒ, Ссли Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ слоТныС эффСкты навСдСния, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ запускаСмая анимация с нСсколькими синхронизированными шагами? На ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠΉ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ Π²Ρ‹ΡˆΠ΅, сдСланной Digital Bake, Π½Π° нСсколько элСмСнтов влияСт анимация, запускаСмая ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ курсора ΠΌΡ‹ΡˆΠΈ Π½Π° Π½ΠΈΡ….

Π‘Ρ‚Ρ€Π°Π½ΠΈΡ†Π° Π³Ρ€ΡƒΠΏΠΏΡ‹ — ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ способ ΠΏΠ΅Ρ€ΡΠΎΠ½Π°Π»ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ваш бизнСс, Π½ΠΎ эти страницы, ΠΊΠ°ΠΊ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ, статичны ΠΈ Π½Π΅ Π²Ρ‹Π·Ρ‹Π²Π°ΡŽΡ‚ особого Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ интСрСса, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ΄Π΅Ρ€ΠΆΠΈΠ²Π°Ρ‚ΡŒ вашС Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅. Digital Bake привносит ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ Π² Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ часто упускаСтся ΠΈΠ· Π²ΠΈΠ΄Ρƒ.

ВсС элСмСнты содСрТатся Π² Π±Π»ΠΎΠΊΠ΅ div Β«Team Member WrapperΒ». Π‘ΠΈΠΌΠ²ΠΎΠ» Π±ΠΎΠ»Ρ‚Π° рядом с Π½ΠΈΠΌ Π² Π½Π°Π²ΠΈΠ³Π°Ρ‚ΠΎΡ€Π΅ Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚ Π½Π°ΠΌ, Ρ‡Ρ‚ΠΎ взаимодСйствиС Π±Ρ‹Π»ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΎ.

Π”Π°Π²Π°ΠΉΡ‚Π΅ посмотрим Π½Π° это взаимодСйствиС:

Он ΠΈΠΌΠ΅Π΅Ρ‚ Ρ‚Ρ€ΠΈΠ³Π³Π΅Ρ€ элСмСнта, Ρ‡Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ курсора Π½Π° Π±Π»ΠΎΠΊ div Β«Team Member WrapperΒ» запускаСтся анимация.

ΠŸΡ€ΠΈ Π½Π°ΠΆΠ°Ρ‚ΠΈΠΈ ΠΊΠ½ΠΎΠΏΠΊΠΈ «НавСдСниС ΠΌΡ‹ΡˆΠΈΒ» открываСтся подробная информация ΠΎΠ± этой Π·Π°ΠΏΡƒΡ‰Π΅Π½Π½ΠΎΠΉ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ.

Π’ΠΎΡ‚ запускаСмыС ΠΏΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ.ΠœΡ‹ ΠΏΡ€ΠΎΠΈΠ³Π½ΠΎΡ€ΠΈΡ€ΡƒΠ΅ΠΌ Ρ‚Π΅, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΎΠ·Π°Π³Π»Π°Π²Π»Π΅Π½Ρ‹ Β«Π‘Π˜Π‘Π’Π•ΠœΠΒ», Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ сосрСдоточимся Π½Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ Ρ‡Π»Π΅Π½Π° ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹.

ΠŸΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ просмотр ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π½Π°ΠΌ эту Π·Π°ΠΏΡƒΡΠΊΠ°Π΅ΠΌΡƒΡŽ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ Π² дСйствии.

Π’ΠΎΡ‚ синхронизированныС дСйствия, ΡΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‰ΠΈΠ΅ эту Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ.

Β«Π§Π»Π΅Π½ ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ Π§ΠΈΡ‚Π°Ρ‚ΡŒ дальшС» начинаСтся с нСпрозрачности 0%, которая увСличиваСтся Π΄ΠΎ 100% Π² Ρ‚Π΅Ρ‡Π΅Π½ΠΈΠ΅ 20 сСкунд ΠΈ Π²Ρ‹Π·Ρ‹Π²Π°Π΅Ρ‚ появлСниС ΠΊΠ½ΠΎΠΏΠΊΠΈ Β«Π§ΠΈΡ‚Π°Ρ‚ΡŒ дальшС».

Π’ΠΎΡ‚ это Π½Π°Ρ‡Π°Π»ΠΎ:

И Ρ‡Π΅Ρ€Π΅Π· 20 сСкунд:

Β«Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Ρ‡Π»Π΅Π½Π° ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹Β» ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΠ΅Ρ‚ΡΡ Π΄ΠΎ 1.05 ΠΏΠΎ осям X ΠΈ Y, начиная с 0 сСкунд:

Β«Team Member Hover OutΒ» просто отмСняСт этот эффСкт, возвращая ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΎΠ±Ρ€Π°Ρ‚Π½ΠΎ Π² состояниС ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ ΠΈ заставляя ΠΊΠ½ΠΎΠΏΠΊΡƒ Β«Π§ΠΈΡ‚Π°Ρ‚ΡŒ дальшС» ΠΈΡΡ‡Π΅Π·Π½ΡƒΡ‚ΡŒ.

Π£Π·Π½Π°ΠΉΡ‚Π΅ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅, ΠΊΠ°ΠΊ это Π±Ρ‹Π»ΠΎ сдСлано, ΠΎΡ‚ΠΊΡ€Ρ‹Π² Π΅Π³ΠΎ Π² Webflow. Π•ΡΡ‚ΡŒ нСсколько Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ ΠΈΠΌΠ΅ΡŽΡ‚ Π½ΠΈΡ‡Π΅Π³ΠΎ ΠΎΠ±Ρ‰Π΅Π³ΠΎ с Ρ‚Π΅ΠΌ, Ρ‡Ρ‚ΠΎ ΠΌΡ‹ сфокусировали Π½Π° этом постС, Π½ΠΎ Π½Π΅ ΡΡ‚Π΅ΡΠ½ΡΠΉΡ‚Π΅ΡΡŒ ΠΈΡΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ Π΅Ρ‰Π΅ происходит Π² этом Π΄ΠΈΠ·Π°ΠΉΠ½Π΅. И ΠΎΠ·Π½Π°ΠΊΠΎΠΌΡŒΡ‚Π΅ΡΡŒ с нашим руководством ΠΏΠΎ Ρ‚Ρ€ΠΈΠ³Π³Π΅Ρ€Π°ΠΌ ΠΈ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ для Π±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎΠ³ΠΎ объяснСния.

ΠŸΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ ΠΊ Π±ΠΎΠ»Π΅Π΅ ΠΏΡ€ΠΎΠ΄Π²ΠΈΠ½ΡƒΡ‚Ρ‹ΠΌ тСхнологиям ΠΏΡƒΡ‚Π΅ΠΌ создания 3D-ΠΊΠ°Ρ€Ρ‚Ρ‹ ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹

Π­Ρ‚Π° 3D-ΠΊΠ°Ρ€Ρ‚Π° Ρ‡Π»Π΅Π½Π° ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ (Ρ‚Π°ΠΊΠΆΠ΅ любСзно прСдоставлСнная Digital Bake) основана Π½Π° основах эффСкта навСдСния, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΡ‹ ΡƒΠΆΠ΅ рассмотрСли.

Π”Π°Π²Π°ΠΉΡ‚Π΅ посмотрим, ΠΊΠ°ΠΊ это Π±Ρ‹Π»ΠΎ сдСлано.

КаТдая Ρ‡Π°ΡΡ‚ΡŒ этого Π±Π»ΠΎΠΊΠ° содСрТится Π² Π±Π»ΠΎΠΊΠ΅ связи с ΠΈΠΌΠ΅Π½Π΅ΠΌ Β«Card WrapperΒ». Π’ΠΎΡ‚ Π΅Π³ΠΎ элСмСнты:

Как ΠΈ Π² ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰Π΅ΠΌ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅, ΠΌΡ‹ Π²ΠΈΠ΄ΠΈΠΌ, Ρ‡Ρ‚ΠΎ Π½Π° эти элСмСнты влияСт взаимодСйствиС.

Π©Π΅Π»Ρ‡ΠΎΠΊ ΠΏΠΎ Π·Π½Π°Ρ‡ΠΊΡƒ взаимодСйствия сообщаСт Π½Π°ΠΌ, Ρ‡Ρ‚ΠΎ это ΠΈΠ½ΠΈΡ†ΠΈΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠ΅ взаимодСйствиС, ΠΈΠ½ΠΈΡ†ΠΈΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠ΅ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠ΅ΠΌ курсора ΠΌΡ‹ΡˆΠΈ Π½Π° элСмСнт. Π’ Π΄Π°Π½Π½ΠΎΠΌ случаС Β«Card WrapperΒ».

Π”Π°Π²Π°ΠΉΡ‚Π΅ исслСдуСм это, Ρ‰Π΅Π»ΠΊΠ½ΡƒΠ² ΠΌΡ‹ΡˆΡŒΡŽ Π½Π° элСмСнтС ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ «НавСдитС ΡƒΠΊΠ°Π·Π°Ρ‚Π΅Π»ΡŒ ΠΌΡ‹ΡˆΠΈΒ» ΠΈ взглянув Π½Π° дСйствия ΠΌΡ‹ΡˆΠΈ X.

ВмСсто Π²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠΉ ΡˆΠΊΠ°Π»Ρ‹ ΠΌΡ‹ ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅ΠΌ Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½ ΠΎΡ‚ 0% Π΄ΠΎ 100%, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ прСдставляСт Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅ ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ курсора ΠΏΠΎ оси X, ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°ΡŽΡ‰Π΅Π΅ΡΡ Π²ΠΏΠ΅Ρ€Π΅Π΄ ΠΈ Π½Π°Π·Π°Π΄ Π² этой Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠΉ плоскости, ΠΏΡ€ΠΈ этом 0% являСтся Π»Π΅Π²ΠΎΠΉ стороной изобраТСния ΠΈ 100% ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ.

Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

Π’Π°Ρˆ адрСс email Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½. ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ поля ΠΏΠΎΠΌΠ΅Ρ‡Π΅Π½Ρ‹ *