За последние 24 часа нас посетили 5735 программистов и 459 роботов. Сейчас ищут 233 программиста ...

Верстка, стрелка над элементов меню

Тема в разделе "HTML и CSS", создана пользователем Konstant1n, 18 ноя 2019.

  1. Konstant1n

    Konstant1n Новичок

    С нами с:
    14 авг 2017
    Сообщения:
    271
    Симпатии:
    1
    Адрес:
    Волгоград
    Всем привет!
    Помогите с версткой. Есть меню, когда кликаешь по меню, поверх него рисуется стрелочка и она как бы передвигается с одного на другой.

    вот тот сайт http://restomeson.com/en/#photos
    --- Добавлено ---
    напишите хотя бы, как это называется. хочу реализовать это на Uikit
     

    Вложения:

  2. Artur_hopf

    Artur_hopf Активный пользователь

    С нами с:
    7 май 2018
    Сообщения:
    2.193
    Симпатии:
    371
    не умеешь браузером своим пользоваться?
    HTML:
    1. <div class="marker" style="left: 229.594px;"></div>
    Код (CSS):
    1. .nav-main .marker {
    2.     width: 0;
    3.     height: 0;
    4.     content: "\0020";
    5.     border-left: 10px solid transparent;
    6.     border-right: 10px solid transparent;
    7.     border-top: 8px solid #000;
    8.     position: absolute;
    9.     top: 0;
    10.     left: -20px;
    11. }
    вывыввывы.jpg
     
    Roman __construct нравится это.