Div nie wychodzący poza rodzica

Question

Tworzę animację padania deszczu i mam następujący problem. Gdy moje kropelki już się zatrzymają, zostają na dole strony. I nie wiem czy jest możliwość, gdy div wylatuje poza swojego rodzica stopniowo się chowa.

Kod strony na http://codepen.io/anon/pen/YWrxPE.

Comments

Wrzuć minimum working code na jsfiddle albo codepen. Będzie łatwiej pomóc?

Answer 1

Żeby ukryć elementy wystające poza rodzica trzeba do tego rodzica dodać w cssie "overflow: hidden;".
Tylko miej na uwadze że elementy których ma już być nie widać powinny być usuwane żeby nie siedziały dalej w pamięci.
Btw. czemu nie zrobisz kropelek w canvasie? Do tego właśnie jest canvas.

Comments

Zadziałało! Kropelki jak i chmurka są grafiką wektorową.

Answer 2

A nie lepiej zrobić animacje i zauploadować jako GIF?