Category: css3

26
Фев
2021

Когда переходить к обучению JavaScript? [закрыт]

Решил пойти по пути frontend разработчика в самом начале, верстальщика так сказать. Активно изучаю Css , пытаюсь вникнуть в его тонкости , комбинаторы , спецификацию, технологию flexbox итд. Стоит ли параллельно с ним учить JavaScript или …

17
Фев
2021

CSS hover и document.querySelector

Мой пример, похожий на задачу https://jsfiddle.net/61xqy7z5/1/
Нужно при выборе/клике пункта меню, чтобы пропадал выпадающий список и менялся на кнопке текст, у пунктов меню уже есть свой обработчик JS и туда добавляю просто
document.query…

17
Фев
2021

CSS hover и document.querySelector

Мой пример, похожий на задачу https://jsfiddle.net/61xqy7z5/1/
Нужно при выборе/клике пункта меню, чтобы пропадал выпадающий список и менялся на кнопке текст, у пунктов меню уже есть свой обработчик JS и туда добавляю просто
document.query…

15
Фев
2021

Анимация элемента на React при динамическом изменении контента

Пытаюсь анимировать изменение ширины div при ховере на родителя, но абсолютно нет идей как это правильно сделать. Знаю, что если изменять ширину явно, то можно повесить transition и все будет работать, но как поступить правильно в этой сит…

28
Янв
2021

Как принудительно активировать стиль для элемента через JS?

Не получается активировать стиль из JS для элемента. Если смотреть в браузере через код элемента, то стиль нормально определяется, но он не активирован т.е. не стоит галочка в стилях
Что за беда? !important не помогает
JS – код

windo…

28
Янв
2021

Sidebar без доп зависмостей

Всем привет! Вопрос следующий, нужно реализовать на html/css следующий сайдбар, он же каталог товаров. Как должно выглядеть: https://ibb.co/ZYPKJVV
Нажимаем кнопку каталог, слева выезжает сайдбар с перечислением товаров. Есть примерная стр…

26
Янв
2021

Как сделать раскрывающееся и скрывающееся меню на js?

Всем привет.
Есть скрытое меню. Раскрывается оно по клику на кнопке.

При клике на кнопку, блоку меню присваивается класс menu_active. Меню открывается и скрывается только при клике на кнопку <button>.

$(window).load(function() {…

23
Янв
2021

Изменение размера

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

21
Янв
2021

Не получается сделать скрипт для переключения "Tabs Menu" Node.js Electron

Суть в том что по умолчанию открывается "tab1", это является начальной страницей. При переключении между ними всё содержимое "tab1" пропадает и не появляются другие. Как я понял проблема в том что не присваивается какой…

18
Янв
2021

Сайт работает медленно

недавно написал сайт с использованием бутстрапа, сейчас столкнулся с проблемой, главная страница моего сайта где публикуются статьи(там больше всего кода) при загрузке грузится секунд 6-9 а то и вовсе с первого раза зайти не получается. По…

16
Янв
2021

Анимация 3D куба с внутренним элементом

Задача: Анимация шара, расположенного внутри куба, который должен двигаться в соответствии расположения курсора на мониторе, и дно куба по которому будет двигаться шарик будет повторять монитор. Шарик должен двигаться с ускорением и замедл…

16
Янв
2021

Анимация 3D куба с внутренним элементом

Задача: Анимация шара, расположенного внутри куба, который должен двигаться в соответствии расположения курсора на мониторе, и дно куба по которому будет двигаться шарик будет повторять монитор. Шарик должен двигаться с ускорением и замедл…

16
Янв
2021

Как сделать паралакс эффект?

Это мой сайт http://ux-tech.ru/
Если прокрутить вниз, то есть блок "Философия UX-TECH – это дизайн, понятный каждому" и "как мы это делаем?", и мне надо, чтоб при скролле первый блок с тексом как бы проваливался под бло…

09
Янв
2021

Как получать текущее CSS значение элемента

У меня есть элемент который будет изменять своё свойство scale динамически, и мне надо получать значение scale каждый раз, как оно изменяется, желательно без каких либо библиотек.
Я знаю, что можно получить значение css свойства через getC…

09
Янв
2021

Как создать, где взять прогрессбар, который на каких-то отрезках заполнен, а на остальных нет

Что-то типа этого (Available), только нету вот этих промежуточных цветов (либо закрашено, либо нет).

По факту создаём отрезок.
Делим его на ограниченное количество промежутков фиксированной длины.
Какие-то конкретные промежутки закрашивае…

06
Янв
2021

Как сделать чтобы выбор одного из элементов списка ul li влиял на показ одного из скрытых списков ul?

Помогите пожалуйста.
У меня есть список с фильмами. Нажав на фильм, нужно чтобы погружался список с его частями (1 часть, 2 чать и тп.) остальные все списки скрытые пока их не выберут.

.selectvalue {
display:none;
}

.selectvalu…

29
Дек
2020

Изменение цвета svg картинки, в зависимости от цвета фона

У меня такая проблема. На главной странице сайта, находится заглушка слайдер. Нужно сделать так, что бы цвет .logo и кнопки .menu менялся на конкретных слайдах, на чёрный цвет.
codepen: https://codepen.io/realHikkan/pen/LYRemqO

var swi…

28
Дек
2020

CSS – перемещение блока с помощью margin и padding

У меня есть некая картинка который я хочу перемещать вправо, я не очень понимаю что использовать margin-left или paddgin-left? я понимаю что разница между ними это внешние и внутренние отступы но в моем случаи они делают тоже самое, можете…

20
Дек
2020

Почему span::after и span::before не реагируют на анимацию при клике?

Хочу сделать кнопку для бургер-меню с помощью jquery и css. Почему span::before и span::after не реагируют на нажатие по кнопке? Я в стилях добавил им transform : rotateY(45deg) и transform : rotateY(-45deg) соответственно, но поворачивать…

13
Дек
2020

Построение нестандартного таймлайна

Требуется построить таймлайн. Думал сделать через slick, там как раз и стрелки есть. Но не знаю как реализовать саму полосу таймлайна.
Есть ли другое решение поставленной задачи? Костылить через slick не особо хочется, особенно с учетом то…

07
Дек
2020

Не работает анимация svg в safari на бою,а на локалке все отлично.в чем может быть проблема?Спасите помогите

Не работает анимация svg в safari на бою,а на локалке все отлично.в чем может быть проблема?Спасите помогите.
Сначала стили были отдельно прописаны,после этого решил записать стили внутрь svg,но к сожалению эффект тот же,на локалке работае…

05
Дек
2020

Массив не определен

Мне нужно что бы создавался массив. Без функции идет как по маслу, а в функции выдает ошибку. Кучу всего перепробовал, не знаю что делать помогите пожалуйста вот код
js:
var butt = document.getElementById("butt");
var tab = docum…

05
Дек
2020

Проблемы с отображением всплывающих окон

Пытаюсь создать всплывающее окно, которое содержит настройки и информацию. Но как обычно – работает не так, как надо. Можете подсказать, в чём прокол?
(если кратко,то поверх всего сайта вылезает непрозрачное окно,которое пока содержит три …

03
Дек
2020

Выезжающий блок

Хотел бы узнать, как сделать так, чтобы при нажатии на некую кнопку(или любой другой элемент) один из двух блоков(которые находятся внутри другого) уезжал за экран, после чего второй блок занимал бы 100% ширины и вполтную к левому краю экр…