Мобильная версияЯ нашел код боковой панели, который сейчас использую:
#sidebar { положение: фиксированное; z-индекс: 10; слева: 0; верх: 0; высота: 100%; ширина: 60 пикселей; фон: #fff; правая граница: 1 пиксель сплошной #ddd; выравнивание текста: по центру; } #сайдбар а { текстовое оформление: нет; дисплей: блок; отступ: 20 пикселей 0 20 пикселей 0 пикселей; цвет: #000000; межбуквенный интервал: 1 пиксель; } #sidebar a:hover { цвет фона: rgba(255, 255, 255, 0,1); цвет: черный !важно; } #sidebar a:наведите курсор, #sidebar a.active { текстовое оформление: нет; фон: #4caf50; черный цвет; } #sidebar a.active { фон: #00ff00;
Я хочу добавить текст на боковую панель следующим образом:
Номер один Номер три [*]Но я хочу, чтобы текст отображался только при наведении курсора на боковую панель. Таким образом, при наведении курсора мыши появляется небольшая боковая панель, содержащая только символы, а при наведении курсора она увеличивается и отображает текст. Как мне это сделать? 