9 ай бұрын
3 жыл бұрын
4 жыл бұрын
4 жыл бұрын
5 жыл бұрын
6 жыл бұрын
6 жыл бұрын
6 жыл бұрын
Пікірлер
@Ruhanbaraban. Ай бұрын
Автор, привет! А сможешь мне скинуть готовое фото этих Смурфиков? Я полтора часа сидел и пытался сделать нормал но обрезанную фото, но не получилось... Мне бы эта фотка очень помогла. Заранее спасибо!
@User_of_YouTubee 2 ай бұрын
Что делать если всё как бы работает, но спрайт не меняется. Т.е у меня котик должен бегать ,и ,соответственно должна меняться картинка выдавая бегущего кота (или как у вас идущего гнома), но этого не происходит, одна и та же картинка кота просто бесконечно двигается! Вот код: .sprite-container { height: 100vh; display: flex; align-items: center; } .sprite-image { width: 220px; height: 140px; background: url(CAts.png) 0px 0px; animation: move 5s linear infinite, play 5s steps(1000) infinite; position: absolute; left: 0; } @keyframes play { 100% { background-position: -1105px; } } @keyframes play { 100% { left: 100%; } }
@__-phoenix-__ 3 ай бұрын
Здравствуйте, я в точности скопировал код, Не получилось)
@OksanaSaienko 3 ай бұрын
Супер! Спасибо 👍
@jonydosh1189 6 ай бұрын
Как это возможно ?))
@mishansky 7 ай бұрын
😂😂😂
@m010k0 7 ай бұрын
👍
@Serovliveyoutube 7 ай бұрын
А-ха-ха, до боли знакомо))
@m010k0 7 ай бұрын
😂
@mimama-store 8 ай бұрын
Спасибо, то, что нужно!
@m010k0 7 ай бұрын
Пожалуйста! =)
@kitel_matvei 10 ай бұрын
код не работает
@m010k0 9 ай бұрын
Проверил, все работает!
@rahim6821 11 ай бұрын
Красавчик бро .делай анимированные лединги
@m010k0 9 ай бұрын
Спасибо
@АннаЗнаменская-б1у 11 ай бұрын
Спасибо огромнейшее, неделю мучалась не могла понять связь между всем. Благодаря вашему видео все заработало, аж до слез рада)
@m010k0 11 ай бұрын
Спасибо за комментарий.
@АминаМерзамедова Жыл бұрын
где находить спрайты что бы они шли в одну сторону а не в ряды?
@kpanat Жыл бұрын
На CSS любой дурак может... А ты попробуй на десктопе так нарисуй! Сомневаюсь я что сможешь... Просто веб уже сделана так чтобы всё это можно было рисовать легко и просто. Не одно десятилетие отрабатывали методику... А эти часы только в браузере и можно посмотреть.
@m010k0 Жыл бұрын
С Вами все впорядке? Вам стоит изучить тему перед тем как претензии свои писать. Такие часы можно реализовать на любом языке програмирования. Я же специализируюсь на вебе и показываю людям, кому интересно именно это. Если вам нужен другой вариант ищите не на моем канале.
@asmagit Жыл бұрын
Все работает, спасибо за урок
@m010k0 9 ай бұрын
Пожалуйста!
@user-abuzer- Жыл бұрын
Пытаюсь сделать другой спрайт. Но картинка почему как-бы приподнимается. Кто-нибудь знает почему так?
@m010k0 9 ай бұрын
К каждому спрайту нужно подбирать параметры анимации.
@СергейНауменко-ь6н Жыл бұрын
Моложец!
@m010k0 9 ай бұрын
Спасибо!
@lililight-e5f Жыл бұрын
как сделать , чтобы смурфик ходил направо и налево ?
@m010k0 Жыл бұрын
Поменяйте направление анимации и отрозите картинку по горизонтали.
@lililight-e5f Жыл бұрын
ещё ангел ходит с смурфиком, только эти милашки в одну сторону ходют. ангела в фотошопе отразил горизонтально и animation-direction: reverse; и все 16 ангелов полетели налево, хотел одного, а не 16.
@m010k0 Жыл бұрын
Отразить можно и с помощью css. Чтобы ангел ходил один, нужно применить эти действия только к одному ангелу. Например, сделать его отдельным изображением.
@ЕвгенийЕвгений-х9н Жыл бұрын
Вопрос , опен сервер . Какие минимальные требования к системнику и операционной системе . Хочу поставить на древний пк.
@m010k0 Жыл бұрын
Все требования есть на официальном сайте ospanel.io/
@vvks9901 Жыл бұрын
Спасибо, очень крутое решение! Намного прикольнее чем на canvas
@bjol_Dg Жыл бұрын
"валуэ"... Value - произносится "вэлью"
@Cobalt_Chevrolet Жыл бұрын
А как установить нужное время. Не понял.
@limirikys Жыл бұрын
Разве такое можно в продакшн?
@ДмитрийВолокитин-я8ф Жыл бұрын
Спасибо, видео отличное. Учу CSS анимацию. Очень помогают подобные уроки.
@m010k0 9 ай бұрын
Спасибо, желаю удачи в обучении!
@ДмитрийВолокитин-я8ф Жыл бұрын
Очень хорошо и подробно объяснил. Спасибо за видео. Лайк
@m010k0 9 ай бұрын
Пожалуйста!
@вадимпугачёв-щ2к Жыл бұрын
обьяснений разжеваных нет, это плохо ,куча не ясного, что и откуда и как получается(( а так клево конечно
@vvks9901 Жыл бұрын
просто знаний маловато, со временем будет понятнее
@МаксимШатковский-с9б Жыл бұрын
Крутой урок но почему-то анимация в конце так и не запустилась не пойму почему
@ЮлияМордовина-ж2н Жыл бұрын
Подскажите, пожалуйста, это платный сервис?
@m010k0 Жыл бұрын
Да, оплата происходит за переход по вашему объявлению.
@egorsokolan183 Жыл бұрын
А как сделать, чтобы карточка автоматически через какое-то время переворачивалась?
@m010k0 Жыл бұрын
Убираете анимацию при наведении, добавляете ее по таймингу. =)
@Натали-ц2ц Жыл бұрын
ХЕЛП. Во вкладке Дополительно (ролик 4.54 мин) у меня PHP Adminer и не такое окошко, а куча все что надо заполнить Движок/Сервис/Имя пользователя/Пароль/База данных. ЧТо писать? пробовала root не вышло. В окне хостинга, уже мною ранее был сделан шаг создание базы. Беру данные оттуда и не дает войти. ошибку выдает вот в таком виде Ďîäęëţ÷ĺíčĺ íĺ óńňŕíîâëĺíî, ň.ę. ęîíĺ÷íűé ęîěďüţňĺđ îňâĺđă çŕďđîń íŕ ďîäęëţ÷ĺíčĺ.
@m010k0 Жыл бұрын
PHP Adminer и PHPMyAdmin это разные вещи.
@Натали-ц2ц Жыл бұрын
нашла ответ)) в настройки надо идти в МОдули там MySQL/MatiaDB выбрать MySQL-8.0-Win10 и нажать сохранить.
@niknike5108 Жыл бұрын
супер!
@m010k0 9 ай бұрын
Спасибо!
@anella1987 Жыл бұрын
Salam aleykum(мир вам), как сайт называется каторый вы начало видео показывайте .
@m010k0 Жыл бұрын
Яндекс картинки)))
@alexnik2705 Жыл бұрын
Антон, добрый день. Как добавить еще подключение звука на 12 и на 6 так чтобы били часы и полчаса.Спасибо!!!! Классная работа!!!
@mir-kino Жыл бұрын
видео отличное, только немного пришлось изменить код чтоб работал, буквально пару строк
@virtuozfilm793 Жыл бұрын
СПАСИБО, АНТОН. У меня получилось. Подписываюсь на Ваш канал и ставлю напоминание, на следующие видео.
@ЕленаГорожанина-э9н 2 жыл бұрын
спасибо вам большое.. ))
@СергейПетров-ъ8э 2 жыл бұрын
Спасибо !!!
@DS_av 2 жыл бұрын
А как толщину картинки сделать?
@Dearin1248 2 жыл бұрын
здраствуйте мне 13 лет я где-то 1 год учил html и css .Сейчас учусь и мне дали домашное задание посмотреть с ютуба видо и сделать анимацию спомошю css и html. Я зашел на ваш сайт а там я не смог скачать дорогу для анимаци. Машыну и колёса я сайта взял а небо в гугле скачал а город не нашол если заметите можите добавить и дорогу и город. Зорание Спасибо
@Dearin1248 2 жыл бұрын
если пишу с ошибками то простите я не руский я из Армении
@m010k0 2 жыл бұрын
Добрый день. На сайте есть кнопка скачать изображения. И там скачивается архив со всеми изображениями. antonaniskovich.ru/filearticle/kak-sdelat-animaciyu-na-sayte-mashinka-edet-css/file/img.rar
@akhmadshukurullaev7059 2 жыл бұрын
спс
@Yulii_Cesar 2 жыл бұрын
Здравствуйте, подскажите, как рамке задать толщину??? Чтобы при повороте была видна толщина.
@piartv03 2 жыл бұрын
спасибо большое а то негры уже надоели что говорят не понятно
@tryitout5337 2 жыл бұрын
Эх, был бы у меня 64-Ядерный процессор... :D
@Дмитрий-л4с9х 2 жыл бұрын
А вы в конце видео перемотали чтобы не было видно что часы некорректно работают при переходе через 59? ))) Upd. Я неправ. Часы в данной конфигурации кода работают корректно.
@m010k0 2 жыл бұрын
В конце ничего не перемотано, там вырезан фрагмент, который неудачно был записан. А часы работают корректно при переходе через 59. На моем сайте есть пример часов вот он: antonaniskovich.ru/filearticle/chasy-na-javascript/file/index.html Так же страница с исходным кодом antonaniskovich.ru/chasy-na-javascript.html. Перед тем как писать тупой комментарий, сначала нужно проверить!
@Дмитрий-л4с9х 2 жыл бұрын
@@m010k0 вы правы. Проблема была в том, что с "transition" для стрелки часы работают некорректно - стрелка возвращается на позицию 6 градусов обратным ходом. Хотел плавный ход стрелки реализовать. Пока решения не нашёл. Прошу прощения, токсичный коммент был неуместен)
@flamix5193 2 жыл бұрын
почему не ходят у меня часы?
@m010k0 2 жыл бұрын
Как я должен ответить на этот вопрос? Не видя ничего. Можете зайти на страницу с уроком и сравнить мой код и ваш и найти различия. antonaniskovich.ru/chasy-na-javascript.html Надеюсь это не составит проблем.
@3dportableinc64 2 жыл бұрын
Спасибо. Подскажи пожалуйста почему он не уменьшается при изменении экрана? Как сделать бесконечную пингпонг анимацию? (Когда анимация нарисована только в одну сторону)
@m010k0 2 жыл бұрын
Урок был посвящён анимации патерна. И пример, как можно эту анимацию реализовать. Тут нет адаптации к мобильным устройствам, так как это вообще другая тема. Адаптировать можете любым способом. Чтобы сделать анимацию персонажа в одну, а потом в другую сторону, нужно добавить еще одну контрольную точку в анимации и когда персонаж идет в другую сторону нужно отражать персонажа по горизонтали.
@ПожилойБилибоба 2 жыл бұрын
Красава братишка
@m010k0 2 жыл бұрын
Спасибо
@shero_u 2 жыл бұрын
почему у меня не работает localhost
@ИгорьМешалкин-ж7ф 2 жыл бұрын
Спасибо. Я половину не понял, но зато всё работает. Отличное видео.
@m010k0 2 жыл бұрын
Спасибо. За комментарий. Учту и в следующих видео буду рассказывать ещё более подробно.
@brotha_koda 2 жыл бұрын
Благодарю, друг! Очень полезный урок получился, как и все на твоем канале. Рад, что ты вернулся! Продолжай)
@m010k0 2 жыл бұрын
Спасибо за добрые слова. Обязательно буду продолжать.
@endryu.creator 2 жыл бұрын
Очень крутое видео, продалжай)
@m010k0 2 жыл бұрын
Большое спасибо.