Как сделать, чтобы звёзды падали сверху вниз?

Question

[partyzanx]

Помогите, пожалуйста, сделать, чтобы звёзды падали сверху вниз, а также чтобы место действия было растянуто width: 100% по ширине экрана.

Comments

[Dima Polos]

Так вроде не вверх же они падают...

Answer 1

[RAX7]

https://codepen.io/anon/pen/YBaNzj?editors=0110

Answer 2

[galkan]

.night {
position: relative;
width: 100%;
height: 100%;
transform: rotateZ(45deg);
// animation: sky 200000ms linear infinite;
}
========================================
transform: rotateZ(90deg);

Comments

[partyzanx]

на всю ширь не получается, потому что надо не .night поворачивать...

[partyzanx]

@galkan

на всю ширь не получается, потому что надо не .night поворачивать...

Поворачивая .night , её "ширина" по сути является "высотой" от родителя
Это порождает ряд проблем при маленькой высоте родителя

Answer 3

[Максим]

https://codepen.io/topicstarter/pen/YBaGGP

Comments

[partyzanx]

на всю ширь не получается, потому что надо не .night поворачивать...

Поворачивая .night , её "ширина" по сути является "высотой" от родителя
Это порождает ряд проблем при маленькой высоте родителя