моих знаний основ на js не достаточно , чтобы реализовать следующее: на странице есть несколько раскрывающихся блоков и нужно добавить небольшую анимацию переворота стрлки на 180 градусов , сейчас я реализовал это так : я добавил обработчи…
У меня есть активность, в ней есть кнопка. При её нажатии создаётся ImageView, добавляется в layout и к картинке применяется анимация.
Проблема собственно в том, что при нажатии кнопки несколько раз анимация перезапускается на всех ImageVi…
есть сайт http://dgpacker.ru/, на котором происходит смена фотографий при движении курсора мыши, получается так, что чтобы такого добиться они брали по сто фотографий на каждый анимируемый объект и меняли src при нужном положении мыши, жда…
Всё кажется простым в учебных примерах: Один квадрат или круг, бери-да меняй координаты.
А когда это игровой персонаж с руками-ногами и прочими деталями, оказывается достаточно муторно возиться с координатами, и при этом не путаться. Хорош…
Всем привет! Столкнулась с такой проблемой, как анимация видео. У меня есть видео по середине сайта (которое не видно при загрузке страницы), и я хотела бы, чтобы при скролле страницы, когда фокус попадает на видео, оно начинает играть. Пр…
у меня почему-то при нажатий – срабатывает все вкладки в Accardion. Не могу понять где бы, я мог ошибаться. Сколько времени смотрю в интеренете, так и не нашел.
Случаем не знаете в чем проблема?
$(document).ready(function() {
…
у меня почему-то при нажатий – срабатывает все вкладки в Accardion. Не могу понять где бы, я мог ошибаться. Сколько времени смотрю в интеренете, так и не нашел.
Случаем не знаете в чем проблема?
$(document).ready(function() {
…
В планах сделать блокнот целей и задач, но нужно прикрутить анимацию кнопок, допустим: плавного выпада меню или плавную анимацию завершения цели.
Подскажите, что можно для этого использовать?
…
Такая фишка реализована у citronium.ru, в исходном коде мало, что понятно.
Как это реализовывать? Что лучше, через js или css? У моего текста уже задан определенный magrin, как его не повредить при движении?
Ищу в интернете методы аним…
#block {
position: absolute;
top: 0px;
left: 0px;
width: 100px;
height: 100px;
background-color: yellow;
animation: block 3s linear infinite;
}
@keyframes block {
0% {
left: 0;
background-color: re…
Тут на главной сайта http://dgpacker.ru/, есть изображения, которые создают эффект 3-d при движении мышкой по оси-x
оно так же изменяет свой внешний вид, подгружая, как я понял нужное фото (скрины ниже),
подскажите пожалуйста, как можно р…
Долгое время вожусь с анимацией закрашивания круга в зависимости от процента. Необходимо реализовать такое:
На данный момент я смог реализовать так:
То есть все как надо, анимация закрашивания работает, но радиус синего круга очень мал…
Долгое время вожусь с анимацией закрашивания круга в зависимости от процента. Необходимо реализовать такое:
На данный момент я смог реализовать так:
То есть все как надо, анимация закрашивания работает, но радиус синего круга очень мал…
Помогите, пожалуйста, разобраться. Я окончательно запутался.
Есть у меня условно кнопка, её размеры заданны в dp – тут все понятно, она отображается на всех устройства +/- одинаково.
Но как её одинаково перемещать на всех устройствах? Есть…
Как выполнить бесконечное движение шарика по кругу?
* {
box-sizing: border-box;
}
.wrp {
display: flex;
justify-content: center;
align-items: center;
}
.circle {
position: relative;
margin-top: 20px;
width…
Ребята, всем привет!
Помогите реализовать похожий слайдер https://xd.adobe.com/view/37877e2b-c150-452c-6228-9ab575c7ba70-41b6/screen/8b782e04-21de-42cd-86a2-444d6698f955/Artboard-11
или есть похожие примеры слайдера , буду заранее благода…
Как при клике на элемент увеличить его высоту?
#header {
height: 20px;
line-height: 20px;
text-align: center;
background: crimson;
color: white;
}
<div id=”header”>Header</div>
…
Интересует реализация скролл анимации, как на главном экране (первый блок) данного сайта – https://www.glia.com/
А если быть точнее: изменение контента при каждом пикселе прокрутки
(Я не ищу готового решения, мне нужна хотя бы идея)
…
Как усовершенствовать код?
По экрану движутся кнопки (от 5 до 12), движение задается через xml для каждой кнопки индвидуально.
<set android:ordering=”sequentially”
xmlns:android=”http://schemas.android.com/apk/res/android”>
…
Я делаю с помощью canvas анимацию с потоком из 0 и 1. Цифры должны исчезать за пределами экрана, но почему-то некоторые исчезают даже не долетев до границ экрана, хотя я поставил проверку с запасом. Когда пробую выводить высоту, пишет всё …
Я новичок в изучении Angular и хотел бы научиться писать плавный якорь. Облазил весь инет, но нормальных примеров так и не нашел(
body {
background-image:url(cog.svg);
background-size:auto 100%;
background-position:center;
background-attachment:fixed;
}
Картинка cog.svg это шестерёнка. При прокрутке страницы нужно заставить её крутиться вокруг своей…
Только начинаю изучать веб. Подскажите пожалуйста, как заставить квадрат перемещаться по часовой стрелке и при наведении мышки он прекращал движение, а если убрать её то продолжал движение, 2 дня ломаю голову, никак не могу понять
fun…
Исследуя код библиотеки wow.js + animate.css, приходишь к выводу, что внутри много лишнего. И если в CSS можно просто удалить ненужные @keyframes, то как быть в JS?
Можно ли как-то выполнить подобную единичную анимацию при скролле без подг…
Всем привет!
Есть набор кнопок (от 5 до 15, зависит от ситуации). Перерал разнообразные варианты, на доках и разных постах, но ни как не пойму, почему на разных устройствах отображается по разному: где-то выходит за границы экрана, где-то …
НУжно попиксельно вывести изображение, чтобы каждый пиксель проявлялся не в рандомном порядке, а по эффекту змейки (начиная от центра к краям, заполняясь по квдрату). Изображение должно выводиться в командной строке, а не отдельном окне.
…
Я пытаюсь контролировать кол-во кадров в секунду на основании этого ответа, но у меня почему-то requestAnimationFrame начинает ускоряться, не пойму, что я делаю не так.
move(fpsTime = 60) {
let fps, fpsInterval, startTime, now, then, …
Помогите пожалуйста разобраться с canvas’ом.
Написал такой скрипт:
const ctx = canv.getContext(‘2d’);
const crossImg = new Image();
crossImg.src = ‘data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBxMTEhUTExIVFhUXFxkbGRgYGBgdGh…
Всем привет!
Подскажите, пожалуйста, в чем может быть проблема? Не могу понять:
Мне надо запустить движение кнопок (тестово их 5, потом много), если запускаю так:
pr1.animate().translationYBy(-5000).setDuration(5000);
то без проблем с…
Свежие комментарии