Есть 3 одинаковые по ширине колонки. В каждой колонки есть ещё блоки высотой 150 пикселей.
В какой-то момент времени один из блоков может вырасти в ширине так что будет вылазить за ширину своей колонки.
Есть ли возможность сделать обтека…
Как вообще адаптируются такие ситуации? Просто слайдер ломает блок, и текст ломается также. Я в маленьком ступоре подскажите что можно сделать.Блок просто уходит в право, и не при каком уменьшении это не фиксистся. Помогите любым советом! …
Как правильнее всего подсветить активную вкладку меню навигации в Реакте с функциональным подходом? Интересует оптимальный метод с учетом того что "линков" может быть не 2, а 20… Как сделать оптимальней всего без дублирования к…
Вот код js, в нём я ставлю/убираю атрибут тегу html
themeToggleBtn.addEventListener(‘click’, switchThemeColor);
function switchThemeColor() {
if (document.documentElement.hasAttribute(‘theme’)){
document.documentElement.removeA…
Допустим у меня на странице 10 или 50 или 800 объектов(одинаковых), не принципиально, и вот мне нужно с помощью js перебрать их всех и каждому из них задать рандомный background, рандомный цвет получать я могу, но мне нужно перебрать все о…
Есть ли способ вырезать прозрачный текст из фонового эффекта, такого как на следующем изображении, с помощью CSS?
Было бы грустно потерять все драгоценное SEO из-за того, что изображения заменяют текст.
Сначала я подумал о тенях, но не м…
у меня такой вопрос, мне нужно применить CSS свойство filter: invert(100%); ко всем элементам * и убрать его, каким образом это можно сделать через JS (без использывания jQueri)
…
Например, пользователь не авторизован и сейчас находится на Главной Странице, при этом я не хочу, чтобы пользователь, если не авторизован, то мог переходить по url-ссылкам, написанным от руки в браузере. То есть, вот, например, главная стр…
menu.onclick = function myFunction() {
var x = document.getElementById("myTopnav");
if (x.className === "topnav") {
x.className += " responsive";
} else {
x.className = "topnav";
}
…
Как мне можно сделать подобный круг с помощью css+js или же кто то знает библиотеку для этого?
Есть сайт. При открытии в Mi Browser в котором включена темная тема – все ломается.
http://proudly.ru/febotelecom/#bl-services
Есть блок с геометрическими фигурами, они вращаются. Задача сделать ускорение вращения при скроллинге вверх или вниз. В целом, в примере это уже работает, но ощущается "тяжесть" анимации…
У нас есть div1 и div2. div1 делает function1, а div2 – function2. У div1 onclick не работает(я серьёзно), а у div2 всё работает. Как сделать, чтобы когда мы нажимали div1, то вызывалась function1, но также нажимался и div2, который бы сде…
На фото пример.
Т.е. возможность горизонтального скролла, но основной контент не задействуется
Поставил Slick-slider,закинул в него текст.Этот текст стал гораздо более размытым,нежели текст вне слайдера.Такая фигня в хроме,а вот например в файрфоксе всё нормально.Что за *****?Помогите плз,как это исправить.У кого нормальные мониторы…
может кто подсказать какими средствами можно реализовать ниже описанный пример
Есть некий блок с высотой 50vh, и соответственно высота этого блока меняется в зависимости от устройства. Также в этом блоке находится текст. Так вот, как сдела…
От автора: есть много свойств CSS, о которых некоторые не знают, или знают, но забывают использовать, когда они необходимы. Некоторые из них могут помочь не использовать JavaScript для достижения определенного результата, а некоторые могут сэкономить ваше время, помогая писать меньше CSS. Как фронтенд-разработчик, я время от времени сталкивался с такими вещами и спрашивал себя, почему […]
Подскажите, есть ли возможность реализовать анимацию при которой div "схлопывался" не в верхний левый угол, а к центру своего размещения. Приведу пример:
$(“.button”).on(“click”, function() {
$(“.block”).toggleClass(“active…
как изминит opacitiy HTML елемента как гридиент чтоби растворить половину
Помогите реализовать код так чтобы можно было вставлять несколько слайдеров на странице Сейчас код применяется ко всем слайдерам сразу Спасибо
$(document).ready(function() {
$(‘.img’).click(function() {
var image = $(this).attr(‘…
у меня было задание сделать слайдер, а поверх него был некий контент. Переключение слайдов слайдера происходило на установку 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…
Свежие комментарии