у меня было задание сделать слайдер, а поверх него был некий контент. Переключение слайдов слайдера происходило на установку opacity: 0 каждому слайду и лишь текущему opacity оставалось равно единице. Проблема в том, что текст, заключенный…
На смартфоне при использовании такой анимции проседают кадры.
Как оптимизировать такую анимацию?
* {
box-sizing: border-box;
}
body {
font-family: sans-serif;
}
.box {
width: 300px;
padding: 10px;
background: #e2e2e2;
pos…
CSS:
details summary {
border-radius: 10px 10px 10px 10px;
}
details[open] summary {
border-radius: 10px 10px 0px 0px;
}
Достаточно простой код, но как его реализовать в JS? Возможно ли это без if и прочего мусора?
…
Столкнулся с такой проблемой никак не получается вывести карту на сайт, когда создаю отдельный документ все работает отлично, а когда определяю карту в коде оно просто не выводиться. Прошу помочь разобраться что собственно делаю не так.
К…
Нужно сделать так, чтобы при выборе заметки с списка рядом появлялось место, где можно было редактировать..
Как в Evernote:
v98987od.beget.tech – то, что у меня пока получилось..
Памагити :c
Мучаюсь несколько часов. Думаю сделать через js…
Всем привет!
Есть такая вот форма codepen
Логика следующая:
Пользователь нажимает на кнопку и ему открывается форма, где он может зарезервировать дату либо же просто перейти в мессенджер. В случае если пользователь хочет зарезервировать да…
Добрый день как добавить плавный переход между слайдами
style.transition = "all .9s";
const slides = document.querySelectorAll(‘.slide’); // все картинки в слайдере
const thumbs = document.querySelectorAll(‘.thumbnail…
пытался реализовать модальные окна на сайте их 3 , проблем лишь в том , что после клика на кнопку закрытия, повторное открытие какого-либо модального окна сопровождается с ошибкой: Uncaught TypeError: Cannot read property ‘classList’ of nu…
Здравствуйте на сайте https://timis25.github.io/BAGGIS/dist/index.html на мобильных телефонах не работает анимация, в то время как на компьютере работает.Это проблема именно на мобильных устройствах, но если в Google Chrome включить консол…
На данном этапе у меня вышел такой слайдер Codepen.io
$(‘.slider’).each(function() {
var $this = $(this),
$blockArrows = $(‘.controls-arrows’, $this),
$blockDots = $(‘.controls-dots’, $this),
$slider = $(‘.slick’, $t…
Непонятная проблемка, может кто сталкивался.
Некорректно идут многостраничные документы из М2 на печать в pdf в Firefox – заказы, счета, страницы сравнения и тд и тп…. нормально выводится только первая страница, вторая и если есть послед…
https://codepen.io/Raneto4ka/full/bGEdzZj смотреть так, чтобы была вертикальная полоса прокрутки.
Суть в чем: есть блок с длинным текстом. Пока пользователь не долистал до конца страницы кнопка болтается поверх текста. Как только достиг к…
Мне 14 лет, перехожу в 9 класс. В будущем хочу связать свою жизнь с Web-программированием, пока что я знаю на достаточно хорошем уровне Python. html 5 и CSS 3 прохожу в html academy и могу сверстать простенький сайт , только начал изучать …
Есть блок контейнер art содержащий некоторый текст.
<div class=”wrapper”>
<div class=”art”>
<div class=”art__container”>
<div class=”art__content”>
<div class=”art__text”>Something text S…
Здравствуйте учусь верстать на bootstrap 4. Нужно сверстать блок на картинке
Но блоки почему то слипаются когда ширина экрана 990px. Как сделать правильно
“use strict”
const dots = document.querySelectorAll(‘.d…
На сайте создал поиск с полем input и type=”search”, разметка Bootstrap 4
В мобильных приложениях где есть Поиск, когда нажимаешь в поле Поиск появляется клавиатура для ввода. Чтоб её закрыть – вверху окна клавиатуры есть кнопка Готово ил…
Я пытаюсь сделать перемещение блока мышкой, и он движется, но когда я пытаюсь переместить блок за границы экрана он не перемещается за границу дальше чем на половину своей высоты/ширины т.к. при клике по блоку он перемещает свой центр в ме…
Всем привет, такая проблема: не работает скролл наверх страницы. Если убрать картинку из ссылки то все хорошо. При клике в event.target выводится не ссылка, а img. Как исправить?
HTML
<section id=”first”>
<nav>
…
Всем привет.
Помогите пожалуйста реализовать динамику следующего описания.
Есть страничка на ней можно добавлять удалять поля ввода. По умолчанию есть одно поле, возле него кнопка (+) добавить еще одно поле. После того как поле добавилось,…
дело в том что не работает live edit все включил устоновил розширення но не работает
а так использую browser-sync но мне надоело каждий раз вводить код для запуска localhost
…
https://www.igromania.ru/games/
Там есть переход на другие страницы с играми.
1 вопрос: Получается эти страницы – это отдельные папки же?
2 вопрос: Минимальная загрузка происходит благодаря php с помощью include?
…
Возник вопрос, есть, грубо говоря, такая карточка с картинкой.
Как добиться того, чтобы при повороте более 270 градусов, верхняя карточка начинала перекрывать нижнюю?
document.querySelector(“.step-1”).onclick = () => {
document….
Подскажите пожайлуста, хотелось бы разобраться как реализован эффект скролла на данном сайте – https://vegaplast.ua/ Как я понимаю это так это так застилен слайдер или может это сторонняя библиотека. Кто то сталкивался?
…
В общем хочу чтобы из куска картинки, в жизни называется “багетом” сделать полноценную рамку для картинки, чтобы на странице уже было изображение и при выборе “багета” по нажатию изображение становилось в рамке по его размеру.
Например из…
Я анимирую оверлей очень плохо, путём свистоплясок в JS. Мастера css, подскажите, как сделать нормально без js? ну или минимум js
const header__burger = document.querySelector(‘.header__burger’);
const links = document.querySelector(…
Подскажите, пожалуйста, как изменить начальное положение экрана пользователя при помощи css/js. Необходимо сделать так, что при входе на сайт, пользователь попадал в самый низ страницы, а не в вверх как стоит по умолчанию.
…
Подскажите, пожалуйста, как изменить начальное положение экрана пользователя при помощи css/js. Необходимо сделать так, что при входе на сайт, пользователь попадал в самый низ страницы, а не в вверх как стоит по умолчанию.
…
#block {
position: absolute;
top: 0px;
left: 0px;
width: 100px;
height: 100px;
background-color: yellow;
animation: block 3s linear infinite;
}
@keyframes block {
0% {
left: 0;
background-color: re…
Мне хотелось бы, чтоб при нажатии на кнопку в тексте менялось значение, отображая, сколько раз я нажал на кнопку. Что нужно поменять в моём коде или, может быть, он весь неправильный?
<!DOCTYPE html>
<html lang=”en”>
&…
Мне хотелось бы, чтоб при нажатии на кнопку в тексте менялось значение, отображая, сколько раз я нажал на кнопку. Что нужно поменять в моём коде или, может быть, он весь неправильный?
<!DOCTYPE html>
<html lang=”en”>
&…
Свежие комментарии