Category: css3

26
Ноя
2020

определенный скролл, анимация при скролле

нужен примерно такой скроллинг как показанно здесь, http://luminouspil.com/#, я использовал инструмент snap-scroll, но не получил то что ожидал, на сайте, который указал выше, при любом размере прокрутки страница скроливается на определенн…

26
Ноя
2020

определенный скролл, анимация при скролле

нужен примерно такой скроллинг как показанно здесь, http://luminouspil.com/#, я использовал инструмент snap-scroll, но не получил то что ожидал, на сайте, который указал выше, при любом размере прокрутки страница скроливается на определенн…

24
Ноя
2020

Скрыть столбец с id

Уникальный id для каждой записи я передаю в Ajax запросе. Мне требуется скрыть от пользователя данный столбец. Нужно поправить таблицу, чтобы она выглядела нормально. На данный момент имею следующий результат:
HTML:

<table id=”dataT…

22
Ноя
2020

Относительный путь к другой странице

Встретился с такой проблемой – не могу верно указать путь до второй страницы,самый простой шаг(выйти из той папки, где лежит основная страница – выполнен), а дальше ступор. Если быть конкретнее – есть две папки, в каждой лежит файл(меняетс…

21
Ноя
2020

Сделать цветную область внутри чернобелого background-image

Есть div с шириной 100% и высотой 100vh и заданной ему фоновой картинкой в качестве background; также заданы background-size: cover и filter: grayscale(100%). Нужно расположить внутри него блок, который в занимаемом пространстве будет дела…

14
Ноя
2020

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

Делаю лэнд. Есть 8 одинаковых форм отправки для каждого товара.
Ознакомится можно здесь http://prots.pro/portfolio/roses/
<form class="rose-form8 rose-form form">
<!– Hidden Required Fields –>
<input typ…

07
Ноя
2020

Не применяется transition

Всем привет, есть вот такой таб. Почему-то для основного текста не применяется свойство transition. При переключении на другую вкладку. В чем может быть проблема?

var btnContainer = document.getElementById(“tabs__items”);
var btns = bt…

05
Ноя
2020

Как массив передать в функцию

Мне нужно чтобы человек вел x и y в инпутах после чего эта информация передовалась в функцию и создавалась таблица 3 на 3 как крестики нолики вот код
но вот нужно с массив в функцию передать как уже голову не ломал сколько вариантов решени…

01
Ноя
2020

Правильный адаптив блока со вкладками

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

26
Окт
2020

Добавленные элементы в браузере chrome уходят наверх, в firefox уходят вниз. Как сделать одинаково?

Вопрос: Когда добавляю новые узлы DOM в некоторый блок, то браузеры ведут себя по разному. В Firefox добавленные элементы уходят вниз вместе с кнопкой, а вот в google chrome кнопка остаётся на месте, а новые элементы уезжают наверх, что на…

26
Окт
2020

не могу сделать фэйд-слайдер

при верстке слайдера возникла проблема, что не могу сделать одну картинку невидимой, а другую видимой.
Ошибка, которую показал дебагер:
DOMException: Failed to execute ‘remove’ on ‘DOMTokenList’: The token provided (‘[object HTMLLIElement]…

14
Окт
2020

Как можно диагностировать проблему с Cumulative Layout Shift на сайте?

Подскажите, как найти элемент с большим CLS?
Cumulative Layout Shift (CLS) – один из показателей страниц сайта, на который смотрит Google.
В новых версиях хрома уже есть инструмент для диагностики и нахождения CLS. С помощью этого инструме…

06
Окт
2020

Как реализовать подобный эффект текста? [закрыт]

Увидел на сайте www.amandabraga.com при скроле интересный эффект текста. Текст/изображение которое ближе к нижней границе браузера при скроле искажается и встает на место. Попробовал сделать что то подобное на blotter.js но не получилось. …

06
Окт
2020

Как реализовать подобный эффект текста? [закрыт]

Увидел на сайте www.amandabraga.com при скроле интересный эффект текста. Текст/изображение которое ближе к нижней границе браузера при скроле искажается и встает на место. Попробовал сделать что то подобное на blotter.js но не получилось. …

05
Окт
2020

Как контролировать ширину одного блока путем вычитания ширин 2 других из ширины окна

Есть 3 блока. Левый, средний, правый. У левого блока width: 25%; min-width: 150px;. У правого блока width: 7%; min-width: 85px;.
Нужно вычислять ширину среднего блока из 100vw(document.documentElement.clientWidth) – ширина левого блока – ш…

18
Сен
2020

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

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

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

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

14
Сен
2020

Проблема slick-slider, ломает верстку

Как вообще адаптируются такие ситуации? Просто слайдер ломает блок, и текст ломается также. Я в маленьком ступоре подскажите что можно сделать.Блок просто уходит в право, и не при каком уменьшении это не фиксистся. Помогите любым советом! …

07
Сен
2020

Активная вкладка меню в ReactJS

Как правильнее всего подсветить активную вкладку меню навигации в Реакте с функциональным подходом? Интересует оптимальный метод с учетом того что "линков" может быть не 2, а 20… Как сделать оптимальней всего без дублирования к…

28
Авг
2020

Как с помощью js перебирать объекты на странице, и менять для них стиль

Допустим у меня на странице 10 или 50 или 800 объектов(одинаковых), не принципиально, и вот мне нужно с помощью js перебрать их всех и каждому из них задать рандомный background, рандомный цвет получать я могу, но мне нужно перебрать все о…

25
Авг
2020

Прозрачный текст вырезан из фона

Есть ли способ вырезать прозрачный текст из фонового эффекта, такого как на следующем изображении, с помощью CSS?
Было бы грустно потерять все драгоценное SEO из-за того, что изображения заменяют текст.

Сначала я подумал о тенях, но не м…