Category: css3

12
Окт
2021

Не получается реализовать такой выбор варианта

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

09
Окт
2021

6 угольники по диагонали

Вообще делаю тут одну задачу, которую не могу решить, а именно на данный момент не могу расположить гексогены как показано на фото, так же не знаю как размер изменить для отдельных гексов , создал объект с данными, и мапил его, в итоге пол…

01
Окт
2021

Как реализовать скроллинг слева направо чтобы не было конфликта с колесиком мыши

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

Я его сверстал, написал следющее:
scrolling = setInterval(() => {
let scrolled = targetElement.scrollLeft;
targetElemen…

17
Сен
2021

Использование заголовков в Accordion

Можно ли в примере ниже, а именно в аккордеоне использовать заголовок и кнопку?
Или стоит оставить только заголовок, а кнопку убрать?
И в принципе нормально ли использовать заголовок для секций в аккордеоне?
Пример моего кода:
<ul class…

17
Сен
2021

Использование заголовков в Accordion

Можно ли в примере ниже, а именно в аккордеоне использовать заголовок и кнопку?
Или стоит оставить только заголовок, а кнопку убрать?
И в принципе нормально ли использовать заголовок для секций в аккордеоне?
Пример моего кода:
<ul class…

08
Сен
2021

Не работает ссылка и иконка в кнопке

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

08
Сен
2021

Не работает ссылка и иконка в кнопке

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

04
Сен
2021

Слайдер за пределами общего контейнера, но в пределах ограничивающей оболочки

Возможно кто-то подскажет как правильно верстаются блоки как в макете ниже. Задача состоит в том, чтобы текст не выходил за пределы container в 700px и занимал 50% его ширины. Слайдер же в свою очередь занимает 50% от оболочки в 1200px. Пр…

15
Авг
2021

Покрасить несколько ячеек таблицы зажав ЛКМ

У меня есть html-таблица, кликнув по ячейке, можно изменить цвет ячейки, но их может быть очень много.
Я хочу, чтоб при зажатии ЛКМ и ведя курсором по таблице, все ячейки, на которые наведется курсор, меняли цвет, а при отпускании ЛКМ – пе…

09
Авг
2021

Получение позиции мышки относительно блока к которому применено CSS-свойство transform с rotateX и rotateZ

Подскажите, пожалуйста, как получить позицию мышки относительно блока к которому применено CSS-свойство transform с rotateX и rotateZ?
На первом скриншоте показано, что после применения CSS-свойства transform с rotateX(55deg) и rotateZ(45d…

09
Авг
2021

Получение позиции мышки относительно блока к которому применено CSS-свойство transform с rotateX и rotateZ

Подскажите, пожалуйста, как получить позицию мышки относительно блока к которому применено CSS-свойство transform с rotateX и rotateZ?
На первом скриншоте показано, что после применения CSS-свойства transform с rotateX(55deg) и rotateZ(45d…

09
Авг
2021

Получение позиции мышки относительно блока к которому применено CSS-свойство transform с rotateX и rotateZ

Подскажите, пожалуйста, как получить позицию мышки относительно блока к которому применено CSS-свойство transform с rotateX и rotateZ?
На первом скриншоте показано, что после применения CSS-свойства transform с rotateX(55deg) и rotateZ(45d…

09
Авг
2021

Получение позиции мышки относительно блока к которому применено CSS-свойство transform с rotateX и rotateZ

Подскажите, пожалуйста, как получить позицию мышки относительно блока к которому применено CSS-свойство transform с rotateX и rotateZ?
На первом скриншоте показано, что после применения CSS-свойства transform с rotateX(55deg) и rotateZ(45d…

19
Июл
2021

Адаптивная верстка (Bootstrap 5)

Я знакомлюсь с бутсрапом 5 , и вот научился как-то применять классы на разрешения под разные дисплеи, типа классами sm-md-lg… и т.д.
Вроде по-тихоньку получается, только вот у меня почему-то не меняются размеры шрифтов под размеры экрано…

06
Июл
2021

Почему sprite.svg не отображаются через gulp (но отображается через live server)?

Написал gulp – все работает, все компилируется
let project_folder="dist"; //выгружаемая папка для демонстрации заказчику
let source_folder="src"; //папка с исходниками

//создание объектов, которые содержат пути к файла…

06
Июл
2021

Почему sprite.svg не отображаются через gulp (но отображается через live server)?

Написал gulp – все работает, все компилируется
let project_folder="dist"; //выгружаемая папка для демонстрации заказчику
let source_folder="src"; //папка с исходниками

//создание объектов, которые содержат пути к файла…

24
Июн
2021

Помогите сделать правильную функцию js

Буду очень благодарен если кто-нибудь поможет решить эту задачу 🙂
Я сделал лёгкую страницу где можно будет начислять звёзды как баллы для ученика. Однако, как видите – я присваиваю функцию onclick каждой звезде по отдельности. А как сдела…

24
Июн
2021

Помогите сделать правильную функцию js

Буду очень благодарен если кто-нибудь поможет решить эту задачу 🙂
Я сделал лёгкую страницу где можно будет начислять звёзды как баллы для ученика. Однако, как видите – я присваиваю функцию onclick каждой звезде по отдельности. А как сдела…

19
Июн
2021

Как position: fixed влияет на CSS свойство transform: rotateY() на устройствах iphone?

На сайте есть карточки с услугами (в них видео проигрывается коротенькое). Если нажать на него то карточка переворачивается и на обратной стороне текст с описанием услуги (переворот осуществляется с помощью transform: rotateY(-180deg) ).
В…

19
Июн
2021

position absolute добавляет скролл по x

У меня есть менюшка, которая должна раскрываться, но при раскрывании появляется боковой скролл у родителя, а не менюшка раскрывается поверх

А хотелось бы что-то типа такого, чтоб не было этого бокового скрола

Вот ссылка на хостинг, на к…