Ищу скрипт появления изображения
Здравствуйте! Хочу на сайт снеговика поставить))
Хочеться чтобы он переодически вылазил слева из за экрана и прятался, и следующий раз вылазил чуть выше или ниже. Такой скрипт есть? Долго ищу но как то глухо... Снеговик есть а скрипта нет |
Alexprom,
снеговика в студию!!! :) |
Началось... :-E
|
Цитата:
https://drive.google.com/file/d/1OQr...ew?usp=sharing |
Цитата:
|
Alexprom, да сейчас пойдет:
- хочу падающий снег - оленей с санями - фейерверки - елки с игрушками |
Цитата:
|
Цитата:
|
snowman animate
Alexprom,
<!DOCTYPE html> <html> <head> <title>Untitled</title> <meta charset="utf-8"> <style type="text/css"> .snowman { height: 100px; width: 100px; position: fixed; bottom: 0; left: -100px; z-index: 500; transform: rotate(30deg); transition: left .6s; } </style> </head> <body> <img class="snowman" src="https://i.pinimg.com/originals/52/59/75/5259755c4573bd4e45817c2e6737c991.jpg" alt=""> <script> let show = 1; (function tick() { function random(base, up) { return base + Math.random() * up | 0 } let img = document.querySelector(".snowman"); img.style.left = show ? "-54px" : "-150px"; show && (img.style.bottom = random(0, 300) + "px"); show ^= 1; setTimeout(tick, show ? random(3000, 5000) : 3000 ); })(); </script> </body> </html> |
Цитата:
Красиво и празнично) Большое спасибо рони :) |
Часовой пояс GMT +3, время: 05:29. |