Как сделать такой эффект с фотографией?
Как сделать такой эффект с фотографией, чтобы можно было тянуть за линию влево и вправо? С одной стороны фотография черно белая, а с другой цветная.
…
Category: css3
Нестандартная последовательность размещения блоков на странице
Как разместить блоки в такой последовательности, как указано на картинке? Любые методы приветствуются, в том числе и JavaScript, с помощью которого вероятнее всего и возможно такое размещение блоков. Или все гораздо проще?
…
Firefox писал этот код ошибки (ReferenceError: "x" is not defined)
HTML
<section class=”modal modal-map”>
<h2 class=”visually-hidden”>Как до нас добраться</h2>
<iframe width=”766″ height=”560″ src=”https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d4491.477615428313!2d37.499406!3d5…
Как при нажатии на кнопку добавить элемент canvas?
Как при нажатии на кнопку добавить элемен canvas js и при нажатии на вторую кнопку удалить последний добавленый?
Как плавно зафиксировать элемент внизу страницы при прокрутке [закрыт]
Есть текст на странице, под ним по центру идет кнопка на странице, и далее снова текст, и нужно чтобы при прокрутке странице кнопка не исчезала из поля видимости, а была зафиксирована внизу слева, для этого нужно что бы при прокрутке, как…
Строка форматирования над textarea
Стало интересно, как создаётся такая строка форматирования над textarea. Расскажите 🙂
https://i.stack.imgur.com/T2E6J.png
Верстка поиска , поиск
такая вот проблема. Нужна верстка чтобы слева я мог выбирать поисковую систему а справа вписывать что я хочу найти. НУЖНА ТОЛЬКО ВЕРСТКА. Если есть идеи , помогите пожалуйста.
…
Умные подсказки при наведении
Как можно сделать такие подсказки при наведении на пункты навигации?
Но чтобы учитывалась ширина экрана, а именно, чтобы подсказка не выходила за пределы экрана, когда наводишь на крайние пункты навигации.
…
Обтекание текста вокруг круглого элемента
Как сделать обтекание текста вокруг круглого элемента?
Вот сама картинка:
p {
width: 800px;
margin: 20px auto;
font-family: sans-serif;
font-size: 16px;
line-height: 1.5;
text-align: justify;
}
.img {
float: left;
}
&l…
Как дописать close для меню
Помогите, пожалуйста, дописать меню. Нужно сделать крестик, чтобы закрывал данное меню.
var $btn = document.getElementById(‘show’);
var $nav = document.getElementById(‘nav’);
$btn.addEventListener(‘click’, function() {
$nav.class…
Сверстать вертикальное меню при нажатии появляется подменю а пункт дополнительно отображается горизонтально
Не могу понять, как сделать чтобы пункты дублировались наверху, пока получилось сделать список и выпадающий список, подскажите плиз
let menuElem = document.getElementById(‘sweeties’);
let titleElem = menuElem.querySelector(‘.t…
Изображения слайдера slick-slider во всю высоту экрана
Использую простой слайдер:
http://kenwheeler.github.io/slick/#demos
Надо чтобы слайды растягивались на всю высоту экрана браузера(на разных разрешениях.)
Задал так:
.slick-slide img {
object-fit: cover;
max-height:100%;
…
Как создать соединительные линии между элементами без www.w3.org/2000/svg и библиотек которые смогут двигаться за объектами
Это пример того[]1 как я это вижу
let drag;
let svg = document.querySelector(“svg”)
let circle = `
<circle
onclick=”split(this)”
onmousedown=”startDrag(event, this)”
r=”50″>
<…
Свойства CSS object-fit и object-position: Обрезка изображений, встроенных в HTML
От автора: свойства object-fit и object-position используется, чтобы указать размер и положение внешних медиа, встроенных в HTML, в основном изображений внутри тега img, но также и содержимого элементов video, iframe или embed. Свойства не поддерживаются Internet Explorer, поэтому они более полезны для проектов, где это не так важно. object-fit и object-position могут рассматриваться как параллельные […]
JS / Как показать блок, только когда картинка из CSS загрузилась?
Задача следующая – Есть некий блок обертка, внутри которого находиться div(с анимацией) большого размера. Вопрос – Как отследить что картинка которая задается через backgroud-image уже полностью загрузилась. И уже после этого показать этот…
Как сделать так что бы при выходе за белую область выводилось сообщение
Я бы хотел узнать как сделать так что-бы при выходе за область выводилось сообщение о том что вы пересекли ее.
let dragMode = false;
circle.addEventListener(‘mousedown’, function (e) {
dragMode = true;
…
Коллеги как убрать placeholder в ckeditor5?
Как видите стоят по умолчанию placeholde ы (Введите заголовок, введите или вставьте сюда ваш текст).
Как можно убрать, оставить пустым??
Сильно мешают, как в бд сохраняешь.
…
Как сделать запись в бд вместо textarea замена на option select?
<td>
<textarea class=”form-control” name=”comment[]” rows=”1″><?php echo $row[‘teacher_comment’];?></textarea>
<input type=”hidden” name=”answer_id[]” value=”<?php echo $row[‘id’];?>”>
</td>…
Почему у кнопки не удаляется атрибут Disabled и значение не передаёться из чекбокса в rezBlock_1?
Почему мой код не срабатывает? При выборе любого из чекбоксов кнопка должна становиться активной, и текстовое значение из выбранного чекбокса должно динамически записываться внутрь блока rezBlock_1?
CODPEN
https://codepen.io/RJDio/pen/Rw…
Как при нажатии на <div> перейти на другую страницу с полным текстом
Делаю что то похожее на форум или почту, в форме записывается автор описание и контент, при добавлении, тут же выводится имя автора и описание, нужно что бы при нажатии на div блок выводился нужный контент! Все блоки выводятся через while….
Простая анимация карусели
Как можно сделать анимацию простой карусели так, чтобы блоки исчезали и передвигались по одному справа налево?
#container {
overflow: hidden;
width: 600px;
background-color: beige;
border: 2px solid burlywood;
}
.block {
over…
зарплата junior frontend разработчика [закрыт]
Какая стартовая зарплата для junior frontend разработчика в Воронеже?
Из-за чего происходит такая рваная анимация при наведении и повторном запуске анимации?
Как исправить данную анимацию куба что бы она шла плавно. После клика на ТОП куба куб поворачивается гранью к пользователю, при повторном нажатии на грань анимация восстанавливаться но в конце происходит рывок. Еще если после восстановлени…
Как вы делаете в CSS max-font-size?
От автора: в CSS нет max-font-size, поэтому, если нам нужно что-то, что делает то же самое, мы должны прибегнуть к хитрости. Зачем это вообще нужно? Ну, сам font-size может быть установлен динамически. Например, font-size: 10vw;. Это использует «единицы окна просмотра» для определения размера шрифта, который будет увеличиваться и уменьшаться в зависимости от размера окна браузера. […]
Как сделать плавную анимацию поворота 3d куба при клике на одну из граней?
Есть вращающийся куб. Нужно сделать чтобы при клике на любую грань куб поворачивался этой гранью к пользователи, грань увеличивалась и анимация приостанавливалась. А при клике на Х анимация возобновлялась и грань уменьшалась к исходному ра…
Параллакс эффект для шапки сайта
Как мне по мере прокрутки страницы сделать так, чтобы полукруг, в котором находится изображение, выпрямлялся?
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.intro {
position: relative;
height: auto;
}
.intro img {
d…
Помогите разобрать с кодом отправки с формы с ajax на php
Вот код
Нужно: чтобы переменные с формы с помощью ajax “Переходили” в php там обрабатывались, если что-то не так то выдавали ошибку прям в реальном времени( без перенаправлений куда либо), а если все хорошо, то переправить на страницу спа…
Помогите найти ошибку в коде JS к "CSS генератору"
Написала код в соответствии с обучающим видеоуроком, но мой код не работает:(
Думаю с названия “CSS генератор” понятно, какой должен быть результат.
Код:`
function fun2(){
var one = document.getElementsByName(‘one’);…
Иллюзия блоков, отодвигающих листья
Я нашёл такую интересную реализацию при пролистывании -> https://bertrandcandas.com/
При пролистывании блоки отодвигают листья и возникает эффект иллюзии реальности листьев и блоков
Это сделано с помощью three.js.
Возможно ли сделать так…
Не загружаются ресурсы сайта
Пишу сайт в Visual Studio Code. Во время использования Live Server все ресурсы отображаются нормально, но когда просто открываю файл index.html картинки не загружаются и немного съезжают стили , тоже самое и когда выложил сайт на github pa…
Свежие комментарии