Category: css3

28
Мар
2020

Нестандартная последовательность размещения блоков на странице

Как разместить блоки в такой последовательности, как указано на картинке? Любые методы приветствуются, в том числе и JavaScript, с помощью которого вероятнее всего и возможно такое размещение блоков. Или все гораздо проще?

22
Мар
2020

Как плавно зафиксировать элемент внизу страницы при прокрутке [закрыт]

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

21
Мар
2020

Верстка поиска , поиск

такая вот проблема. Нужна верстка чтобы слева я мог выбирать поисковую систему а справа вписывать что я хочу найти. НУЖНА ТОЛЬКО ВЕРСТКА. Если есть идеи , помогите пожалуйста.

21
Мар
2020

Умные подсказки при наведении

Как можно сделать такие подсказки при наведении на пункты навигации?

Но чтобы учитывалась ширина экрана, а именно, чтобы подсказка не выходила за пределы экрана, когда наводишь на крайние пункты навигации.

17
Мар
2020

Как дописать close для меню

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

var $btn = document.getElementById(‘show’);
var $nav = document.getElementById(‘nav’);

$btn.addEventListener(‘click’, function() {
$nav.class…

16
Мар
2020

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

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

let menuElem = document.getElementById(‘sweeties’);
let titleElem = menuElem.querySelector(‘.t…

10
Мар
2020

Свойства CSS object-fit и object-position: Обрезка изображений, встроенных в HTML

От автора: свойства object-fit и object-position используется, чтобы указать размер и положение внешних медиа, встроенных в HTML, в основном изображений внутри тега img, но также и содержимого элементов video, iframe или embed. Свойства не поддерживаются Internet Explorer, поэтому они более полезны для проектов, где это не так важно. object-fit и object-position могут рассматриваться как параллельные […]

07
Мар
2020

JS / Как показать блок, только когда картинка из CSS загрузилась?

Задача следующая – Есть некий блок обертка, внутри которого находиться div(с анимацией) большого размера. Вопрос – Как отследить что картинка которая задается через backgroud-image уже полностью загрузилась. И уже после этого показать этот…

29
Фев
2020

Почему у кнопки не удаляется атрибут Disabled и значение не передаёться из чекбокса в rezBlock_1?

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

CODPEN
https://codepen.io/RJDio/pen/Rw…

28
Фев
2020

Как при нажатии на <div> перейти на другую страницу с полным текстом

Делаю что то похожее на форум или почту, в форме записывается автор описание и контент, при добавлении, тут же выводится имя автора и описание, нужно что бы при нажатии на div блок выводился нужный контент! Все блоки выводятся через while….

27
Фев
2020

Из-за чего происходит такая рваная анимация при наведении и повторном запуске анимации?

Как исправить данную анимацию куба что бы она шла плавно. После клика на ТОП куба куб поворачивается гранью к пользователю, при повторном нажатии на грань анимация восстанавливаться но в конце происходит рывок. Еще если после восстановлени…

27
Фев
2020

Как вы делаете в CSS max-font-size?

От автора: в CSS нет max-font-size, поэтому, если нам нужно что-то, что делает то же самое, мы должны прибегнуть к хитрости. Зачем это вообще нужно? Ну, сам font-size может быть установлен динамически. Например, font-size: 10vw;. Это использует «единицы окна просмотра» для определения размера шрифта, который будет увеличиваться и уменьшаться в зависимости от размера окна браузера. […]

26
Фев
2020

Как сделать плавную анимацию поворота 3d куба при клике на одну из граней?

Есть вращающийся куб. Нужно сделать чтобы при клике на любую грань куб поворачивался этой гранью к пользователи, грань увеличивалась и анимация приостанавливалась. А при клике на Х анимация возобновлялась и грань уменьшалась к исходному ра…

24
Фев
2020

Помогите разобрать с кодом отправки с формы с ajax на php

Вот код
Нужно: чтобы переменные с формы с помощью ajax “Переходили” в php там обрабатывались, если что-то не так то выдавали ошибку прям в реальном времени( без перенаправлений куда либо), а если все хорошо, то переправить на страницу спа…

19
Фев
2020

Иллюзия блоков, отодвигающих листья

Я нашёл такую интересную реализацию при пролистывании -> https://bertrandcandas.com/
При пролистывании блоки отодвигают листья и возникает эффект иллюзии реальности листьев и блоков
Это сделано с помощью three.js.
Возможно ли сделать так…

18
Фев
2020

Не загружаются ресурсы сайта

Пишу сайт в Visual Studio Code. Во время использования Live Server все ресурсы отображаются нормально, но когда просто открываю файл index.html картинки не загружаются и немного съезжают стили , тоже самое и когда выложил сайт на github pa…