Category: css3

06
Июл
2020

Дергается шрифт при смене opacity через transition в слайдере

у меня было задание сделать слайдер, а поверх него был некий контент. Переключение слайдов слайдера происходило на установку opacity: 0 каждому слайду и лишь текущему opacity оставалось равно единице. Проблема в том, что текст, заключенный…

25
Июн
2020

Не отображается карта на сайте

Столкнулся с такой проблемой никак не получается вывести карту на сайт, когда создаю отдельный документ все работает отлично, а когда определяю карту в коде оно просто не выводиться. Прошу помочь разобраться что собственно делаю не так.
К…

22
Июн
2020

Как сделать выборку и вставку текста, что выбрано

Нужно сделать так, чтобы при выборе заметки с списка рядом появлялось место, где можно было редактировать..
Как в Evernote:

v98987od.beget.tech – то, что у меня пока получилось..
Памагити :c
Мучаюсь несколько часов. Думаю сделать через js…

18
Июн
2020

Не пойму как доработать форму?

Всем привет!
Есть такая вот форма codepen
Логика следующая:
Пользователь нажимает на кнопку и ему открывается форма, где он может зарезервировать дату либо же просто перейти в мессенджер. В случае если пользователь хочет зарезервировать да…

17
Июн
2020

Добавить transiotion в slider?

Добрый день как добавить плавный переход между слайдами
style.transition = "all .9s";

const slides = document.querySelectorAll(‘.slide’); // все картинки в слайдере
const thumbs = document.querySelectorAll(‘.thumbnail…

14
Июн
2020

Модальные окна, на чистом JS

пытался реализовать модальные окна на сайте их 3 , проблем лишь в том , что после клика на кнопку закрытия, повторное открытие какого-либо модального окна сопровождается с ошибкой: Uncaught TypeError: Cannot read property ‘classList’ of nu…

12
Июн
2020

Не работает Animate.css и Wow.js

Здравствуйте на сайте https://timis25.github.io/BAGGIS/dist/index.html на мобильных телефонах не работает анимация, в то время как на компьютере работает.Это проблема именно на мобильных устройствах, но если в Google Chrome включить консол…

10
Июн
2020

PDF документы в firefox генерируются криво. Как побороть?

Непонятная проблемка, может кто сталкивался.
Некорректно идут многостраничные документы из М2 на печать в pdf в Firefox – заказы, счета, страницы сравнения и тд и тп…. нормально выводится только первая страница, вторая и если есть послед…

08
Июн
2020

Плавное изменение position для кнопки

https://codepen.io/Raneto4ka/full/bGEdzZj смотреть так, чтобы была вертикальная полоса прокрутки.

Суть в чем: есть блок с длинным текстом. Пока пользователь не долистал до конца страницы кнопка болтается поверх текста. Как только достиг к…

06
Июн
2020

Мне 14, хочу стать Web разработчиком. Что мне для этого делать? [закрыт]

Мне 14 лет, перехожу в 9 класс. В будущем хочу связать свою жизнь с Web-программированием, пока что я знаю на достаточно хорошем уровне Python. html 5 и CSS 3 прохожу в html academy и могу сверстать простенький сайт , только начал изучать …

30
Май
2020

Деактивация input по кнопке

На сайте создал поиск с полем input и type=”search”, разметка Bootstrap 4

В мобильных приложениях где есть Поиск, когда нажимаешь в поле Поиск появляется клавиатура для ввода. Чтоб её закрыть – вверху окна клавиатуры есть кнопка Готово ил…

29
Май
2020

Как применить transform-origin к позиции блока?

Я пытаюсь сделать перемещение блока мышкой, и он движется, но когда я пытаюсь переместить блок за границы экрана он не перемещается за границу дальше чем на половину своей высоты/ширины т.к. при клике по блоку он перемещает свой центр в ме…

14
Май
2020

Динамическое добавление и удаление полей (input) формы

Всем привет.
Помогите пожалуйста реализовать динамику следующего описания.
Есть страничка на ней можно добавлять удалять поля ввода. По умолчанию есть одно поле, возле него кнопка (+) добавить еще одно поле. После того как поле добавилось,…

09
Май
2020

WebStorm live edit

дело в том что не работает live edit все включил устоновил розширення но не работает

а так использую browser-sync но мне надоело каждий раз вводить код для запуска localhost

09
Май
2020

С помощью чего делают такой переход?

https://www.igromania.ru/games/
Там есть переход на другие страницы с играми.

1 вопрос: Получается эти страницы – это отдельные папки же?
2 вопрос: Минимальная загрузка происходит благодаря php с помощью include?

07
Май
2020

Анимация карточки. Изменения z-index элемента при достижении определенного кадра css анимации

Возник вопрос, есть, грубо говоря, такая карточка с картинкой.
Как добиться того, чтобы при повороте более 270 градусов, верхняя карточка начинала перекрывать нижнюю?

document.querySelector(“.step-1”).onclick = () => {
document….

07
Май
2020

Необычная стилизация слайдера?

Подскажите пожайлуста, хотелось бы разобраться как реализован эффект скролла на данном сайте – https://vegaplast.ua/ Как я понимаю это так это так застилен слайдер или может это сторонняя библиотека. Кто то сталкивался?

07
Май
2020

Создание рамки из элемента картинки вокруг всего изображения и подгонка

В общем хочу чтобы из куска картинки, в жизни называется “багетом” сделать полноценную рамку для картинки, чтобы на странице уже было изображение и при выборе “багета” по нажатию изображение становилось в рамке по его размеру.

Например из…

06
Май
2020

как нормально анимировать оверлей для бургер меню

Я анимирую оверлей очень плохо, путём свистоплясок в JS. Мастера css, подскажите, как сделать нормально без js? ну или минимум js

const header__burger = document.querySelector(‘.header__burger’);
const links = document.querySelector(…

06
Май
2020

Как изменить начальное положение экрана?

Подскажите, пожалуйста, как изменить начальное положение экрана пользователя при помощи css/js. Необходимо сделать так, что при входе на сайт, пользователь попадал в самый низ страницы, а не в вверх как стоит по умолчанию.

06
Май
2020

Как изменить начальное положение экрана?

Подскажите, пожалуйста, как изменить начальное положение экрана пользователя при помощи css/js. Необходимо сделать так, что при входе на сайт, пользователь попадал в самый низ страницы, а не в вверх как стоит по умолчанию.

30
Апр
2020

Как получить работающий счётчик?

Мне хотелось бы, чтоб при нажатии на кнопку в тексте менялось значение, отображая, сколько раз я нажал на кнопку. Что нужно поменять в моём коде или, может быть, он весь неправильный?

<!DOCTYPE html>
<html lang=”en”>

&…

30
Апр
2020

Как получить работающий счётчик?

Мне хотелось бы, чтоб при нажатии на кнопку в тексте менялось значение, отображая, сколько раз я нажал на кнопку. Что нужно поменять в моём коде или, может быть, он весь неправильный?

<!DOCTYPE html>
<html lang=”en”>

&…