Category: css3

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

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

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

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

14
Июн
2021

ProgressBar навыков на чистом JavaScript

Задача: при загрузке страницы заполняется прогресс бар согласно значениям которые в атрибуте data-percent. Но при загрузке значения в атрибуте data-percent не равные ширине и не корректно заполняется. Подскажите пожалуйста, в чем проблема …

03
Июн
2021

Не получается сделать шапку сайта(html css).Не могу расставить элементы в шапке

Всем доброго времени суток! Помогите пожалуйста сделать шапку сайта(макет в Figma).Брать левый вариант. Надо использовать позиционирование relative. Сама проблема: у меня не получается расположить элементы шапки так, как в макете. Я новичо…

02
Июн
2021

Переноситься каждое слово при абсолютном позиционировании

Почему так происходит?
Как решить (желательно без JS) эту проблему, при условии что позиционирование должно остаться=)

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”>
<html>

&lt…

25
Май
2021

Как записать куки для Safari?

У меня на сайте должен один раз появляться popUp. После закрытия я создаю куки через js. Все отлично работает, кроме браузера safari. В нем просто не хочет создаваться куки через js. В интернете смотрел, но ничего не сработало

23
Май
2021

Почему не пропадает инпут?

Почему при загрузке приветствия инпут не пропадает? Повторяла код за преподавателем в уроке, у него получается, у меня нет.
<form class="form js-form">
<input type="text" placeholder="Как вас зовут?&quo…

16
Май
2021

Круговой слайдер под 5 элементов

Подскажите, как реализовать анимацию кругового слайдера на 5 элементов. Похожего на тот что на изображении

Не понимаю на сколько градусов правильно повернуть item (тут ведь не правильный пятиугольник нужен ), а изображения должны ити перп…

16
Май
2021

анимация с использованием таймингом видео в HTML 5, CSS 3, JS

есть некоторое видео, без разницы какое, мне нужна анимация, что бы при скролинге страницы покадрово шло видео. Образно 100px проскролил 10 кадров проигралось. Есть такой пример на сайте sonos.com.
на вот этом моменте. Это именно видео. З…

02
Май
2021

Как исправить такое поведение в slick-slider?

Ссылка: https://kirinayik.github.io/gosurf/
Последний блок с картой и нижнем слайдером, хочу сделать через asNavFor связанные слайдеры.
Можно ли как-то запретить слайдеру карте (surf-map) двигаться при взаимодействии с нижним (surf-slider)…