Category: CSS

21
Сен
2020

Цикл анимации загрузчика svg

Мне нужна помощь в создании моего SVG loader. У меня есть такая анимация, см. ниже.
Когда начинается анимация, каждый кружок становится оранжевым.
Когда он закончится, линия начнет двигаться назад (это нормально), но каждый кружок также до…

21
Сен
2020

Кнопки сверху и снизу должны дублироваться а не каждая открывать своё меню VUE.js

Не подскажите как так сделать
Должен быть только один экземпляр меню id=mySidebar и никаких mySidebar2 на vue,js
кнопки сверху и снизу должны дублироваться а не каждая открывать своё меню
меню должно лежать в хидере, в футере только кнопк…

21
Сен
2020

Как сделать реферальные ссылки?

Например есть Вася и Петя.
Мне нужно сделать так, чтобы когда Вася регистрировался, то генерировалась его реф ссылка(Это уже есть).
Вася хочет получить бонусы, поэтому приглашает Петю на сайт по своей реф. ссылке. В моей базе данных users …

21
Сен
2020

Подскажите как правильно переделать проект на web component

Есть проект на js таблица квадратов в которой можно добавлять ряды и строки по нажатию на кнопки + удалять определенный рядок или строку.
Кнопки удаления двигаются благодаря считыванию индекса клетки таблицы, когда мышь наводиться на клетк…

20
Сен
2020

Меню из кнопок для WordPress

Каким образом можно создать подсвечивающееся и выпадающее меню из кнопок в WordPress (везде где смотрел в качестве пунктов меню были ссылки <a href=""></a>, а не кнопки – ссылка на документацию
)?

20
Сен
2020

Меню из кнопок для WordPress

Каким образом можно создать подсвечивающееся и выпадающее меню из кнопок в WordPress (везде где смотрел в качестве пунктов меню были ссылки <a href=""></a>, а не кнопки – ссылка на документацию
)?

19
Сен
2020

При стилизации <select> и <option> через javascript выпадающие списки работают не правильно

Редактирую css у <select> и <option> при помощи javascript кода. Когда два <select> находятся рядом, работает не правильно (вторая ссылка открывает первый select). Это можно исправить?

function tamingselect()
{
if…

19
Сен
2020

Почему страница грузит долго и не добавляются шахматные фигуры?

Пытаюсь сделать Шахматную доску через JS. Её сделать получилось, да вот только при попытке добавить шахматные фигуры – ничего не выходит, т.к. страница долго грузится и ничего не отображает. Помогите решить проблему.
Как я добавляю чёрные …

19
Сен
2020

Как реализовать вертикальный слайдер?

Есть контейнер div с overflow-y: hidden в нем слайдер с 3 вертикальными слайдами, jQuery генерирует и вставляет еще несколько слайдов перед этими тремя, то есть сверху и запускает слайдер добавляя класс active родительскому элементу.
Необх…

18
Сен
2020

Сделать обтекание div’a другим div’ом

Есть 3 одинаковые по ширине колонки. В каждой колонки есть ещё блоки высотой 150 пикселей.

В какой-то момент времени один из блоков может вырасти в ширине так что будет вылазить за ширину своей колонки.

Есть ли возможность сделать обтека…

18
Сен
2020

Моя структура CSS

От автора: когда дело доходит до структурирования CSS, нет недостатка в различных соглашениях об именах, методологиях и архитектурах. Будь то BEM, OOCSS, SMACSS, ITCSS или CUBE CSS — за последние годы появилось множество различных подходов к управлению модульным CSS. Некоторые предлагают стратегии, как разбить CSS на более мелкие, более управляемые части, в то время как […]

18
Сен
2020

Код работает только при активной панели разработчика в браузере

Проблема, чувствую, пустяковая, но все же остается для меня проблемой. Код работает только при активной панели разработчика в браузере (проверял Яндекс.Браузер и Firefox), а также на телефоне. При клике на <div class="open_fall_me…

17
Сен
2020

GRID c специальным классом для определенного блока

Как сделать так, что бы цикл блоков grid были с одинаковым классом, но пятому блоку задавался определенный класс который меняет свою форму.
То есть, такая функция нужна для цикла новостей.
Пример:

divsimple divsimple divsimple divsimpl…

17
Сен
2020

При нажатии на кнопку постепенно меняется значение opacity

Нужно сделать эффект накаливания лампы. В голову пришло только изменение значения opacity. При нажатии на кнопку opacity с нуля каждую секунду возрастает на 0.05 до 1. При повторном нажатии на кнопку , так же постепенно opacity уменьшается…

17
Сен
2020

Четыре эффекта текста, которые оживят ваш сайт

От автора: давайте изучим четыре тонких текстовых эффекта CSS, которые могут добавить динамичности вашему сайту. Итак, без лишних слов, давайте начнем. 1. Вибрация текста при наведении Это тонкий эффект, с помощью которого мы можем задать вибрацию отдельных символов при наведении. [crayon-5f63153a01b77017486114/] Мы достигаем этого эффекта, используя атрибут преобразования, чтобы перемещать символ по оси y и […]

16
Сен
2020

Светлый и темный режимы

Помогите пожалуйста! Я хочу сделать темный режим на сайте, узнал об одной фишке, а именно про filter: invert(1); (что это свойство меняет все элементы на противоположные цвета). Попробовал сделать и все получилось, но я не могу изменять ни…

16
Сен
2020

Светлый и темный режимы

Помогите пожалуйста! Я хочу сделать темный режим на сайте, узнал об одной фишке, а именно про filter: invert(1); (что это свойство меняет все элементы на противоположные цвета). Попробовал сделать и все получилось, но я не могу изменять ни…

16
Сен
2020

Как развернуть блок (div или др.) в другую сторону? (HTML, CSS, React.js)

Всем привет. Столкнулся с такой проблемой, делаю выделение на React.js (по аналогии как на рабочем столе). Все работает хорошо, но выделение работает слева-направо / сверху-вниз (top, left, width, height). Когда я перебрасываю выделение в …

16
Сен
2020

Ошибки CSS на автопилоте

От автора: когда мы очень сосредоточены на работе над веб-проектом, мы часто забываем или делаем некоторые ошибки, которые могут привести к неправильному коду CSS. Я люблю называть это «ошибками на автопилоте». Ошибки такого рода, которые заставляют нас спрашивать себя: «Ой, почему я это сделал?», и их решение не займет много времени, только если вы их […]