aqua.77

Значит transform применить с анимации jQuery не выйдет? Всё спасибо. Буду использовать первый ответ.

Чтобы вся анимация находилась в одном месте. Я уже применил некоторые свойства, а трансформацию не могу понять как вставить.

Transform нельзя анимировать? https://jsfiddle.net/ez4jb67t/2/

Как применить трансформацию через анимацию JQ $('.abz span:last').click(function(){ $('.w').animate({ transform: 'scale(.9)' }); });

https://jsfiddle.net/5259to6a/ Нужно чтобы при щелчке внешний блок появлялся с помощью функции slideDown, и только после его появления внутренний абзац появлялся в помощью c анимации.

Есть чёрный блок который наложен на красный блок, у чёрного блока есть зелёный блок который должен быть сзади красного блока. Как такое организовать без редактирования html кода? https://jsfiddle.net/ooceokLd/1/

При наведении указателя мыши объект появляется, при отведении указателя мыши объект удаляется. Применил функцию off чтобы, при нажатии объект не удалялся при отведении мыши. Как сделать чтобы при обратном щелчке вновь объект удалился и работал как прежде? https://jsfiddle.net/zb9q7e8b/2/

хахах) хотел калькулятор сделать и передать функции в качестве аргумента +. Как это устроить?

var h = '+'; alert(5 h 5); Надо чтобы в переменной h был оператор +. Чтобы в сложении использовать его вместо знака '+'.

$(document).ready(function(){ $('div').click(function(){ $('div').toggleClass('a1').removeClass('a2'); }); $('p').click(function(){ $('div').toggleClass('a2').removeClass('a1'); }); }); div { width: 200px; height: 200px; background: black; position: relative; } .a1 { animation: vras 3s forwards; } .a2 { animation: vras 3s alternate-reverse forwards; } @keyframes vras{ from { left: 0; } 33% { left: 85%; } 66% { left: 0; } to{ left: 500px; } } <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div></div> <p>123</p> Здравствуйте. Начал изучать JQuery, не могу понять как сделать анимацию при нажатии по блоку в одну сторону, а при нажатии на абзац выполнить эту же анимацию но в обратном порядке (как переход).

Всем спасибо

Но ведь они всё-ровно будут в потоке и следом стоящий элемент не встанет на его место

Как заставить элемент удалиться только после 2-х секунд наведении вышкой? transition:display 2s 2s; :first-of-type:hover{ display: none; }

Вот сетка из элементов в 3 колонки, но после 3 блока есть отступ 10рх https://jsfiddle.net/jm5fbonu/ из-за чего появляется нежелательное поле. Дело в том что если убрать это через nth-child(3n) то при сужении когда сетка рушится, блоки встоят не ровно. Как быть? будет нормально если я медиазапросами буду у нужных блоках убирать поле и добовлять к другим. так https://jsfiddle.net/jm5fbonu/1/

Здравствуйте. Сделал анимацию при наведении мыши двух блоков. Не могу додуматься как сделать обратный плавный эффект при убирании курсора. https://jsfiddle.net/ynbfn515/ может надо было с переходами это сделать?

Привет форум. Хотел спросить как добавляются или создаются картинки в формате svg. Они рисуются на отдельном редакторе а после компилированный код добавляется в html файл? Можно ли из растровой картинки сделать svg? и если можно какие нибудь уроки подробные Спасибо.

Arial бесплатный и имеется в большинстве компьютеров встроенным. А второй да https://fonts.google.com/?query=helvetica Вот тут можно проверить любой шрифт

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

Можно через прозрачность и .po{ width: 500px; opacity: 1; height: 500px; background: black; transition: all 1s; } @media(max-width: 1200px){ .po{ opacity: 0; } } <div class="po"></div> трансформацию сделать стилями

Можете пожалуйста указать на ошибки, корректность кода, качество адаптации. http://plitka20x20.h1n.ru/n3/

Привет, как быть если шрифт который предоставлен для макета в гугл/фонтс платный? есть ли альтернативный сайт с бесплатными шрифтами? Пытался подобрать похожий, но это нуторное дело искать в куче шрифтов похожий. Просто хочу сделать пиксел в пиксел.

Как реализовать чтобы при уменьшении ширины блока пропорционально уменьшалась и высота? https://jsfiddle.net/31zxeozo/

В смысле к одиночным? h1:before применяется вроде

<input name="search" type="text" placeholder="Поиск..."> input:after{ content: ""; display: block; width: 20px; height: 10px; background: black; margin: 20px 0; } Не понимаю должен блок появляться https://jsfiddle.net/gnzrnko8/