но которую можно реализовать и с помощью css, и с помощью javascript...
ваше мнение хотел услышать
let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
[arr[2], arr[5]] = [arr[5], arr[2]];
[arr[7], arr[11]] = [arr[11], arr[7]];
[arr[4], arr[9]] = [arr[9], arr[4]];
console.log(arr); // [1, 2, 6, 4, 10, 3, 7, 12, 9, 5, 11, 8]mousemove повешен обработчик, который добавляет transform: translate нужным элементам. Как в этом примере, но только трансформация применяется к контейнеру с картинками-ссылками, а не к глазам.
бежит линия (ломаная), добегает до блока - он появляется и бежит дальше вниз по лендингу
Без vue, react и прочих библиотек. Интересует как писать js компоненты типа табы, модалки и т.п. Как реализовать их взаимодействие. Хочется посмотреть на примеры и реализации.
для многостраничных сайтов
<svg viewBox="0 0 100 100">
<defs>
<filter id="noise">
<feTurbulence id="js-turbulence" type="fractalNoise" baseFrequency="30" result="noisy"></feTurbulence>
<feColorMatrix type="saturate" values="0"></feColorMatrix>
<feBlend in="SourceGraphic" in2="noisy" mode="multiply"></feBlend>
</filter>
<clipPath id="the-object">
<circle cx="50" cy="50" r="50" fill="currentColor"></circle>
</clipPath>
</defs>
<circle cx="50" cy="50" r="50" fill="#5FDDD1" filter="url(#noise)" clip-path="url(#the-object)"></circle>
</svg>showButton () {
switch (this.$route.name) {
case 'new-article':
return this.article.section &&
this.article.title &&
this.article.description;
case 'update-article':
return this.show &&
this.article.section &&
this.article.title &&
this.article.description;
}
}Кто нибудь из серьёзных верстальщиков делает анимацию самостоятельно, вот чтобы без плагинов писать весь код с нуля?
Вопрос : нужно ли вообще заморачиваться над серьёзным изучением анимации, джаваскрипта, или же забить и учить документацию гринсок?
1. Анимации буквы под ней фото. Как это делается? Подозреваю что canvas используется
2. Листание мышкой (зажимаешь появляются направляющие вверх-вниз, вправо-влево).
Остальные эффекты тоже интересуют. Понятно что css3, js, canvas
disqus
Что эта за шалапань?
Как его победить?
куда копать
чтобы клик срабатывал верно
div.onclick = (e) => {
e.target.classList.toggle("ss");
}function listener(e) {
this.classList.toggle("ss");
}
div.onclick = (e) => {
listener.call(e.target, e);
}Смысл такой: из точки в верхнем левом углу выходит линия, которая переходит в какую либо другую точку на карте. Следующая линия также выходит из первоначальной точки, но уже переходит в другую точку на карте и т.д. Вообщем, как возможно сделать такое