Как сделать облачко в css?

Question

[Zempik]

Приветствую. Подскажите, как сделать фигуру облачка в css без использования изображений?

Comments

[Андрей Федоров]

масштабируемую или абсолютных размеров?

Answer 1

[HamSter]

так

Answer 2

[entermix]

stackoverflow.com/questions/16508834/css-apply-bor...
thecodeplayer.com/walkthrough/make-a-simple-cloud-...
codepen.io/Gagik/pen/mPLaBO

Answer 3

[Алексей Струков]

Вот еще семантическое облачко)
https://jsfiddle.net/4e2vbfus/1/

Comments

[Zempik]

скажите, как сделать, чтобы облачко не возвращалось, то есть всего один раз пролетало, и я отмечу ответ как решение :)

[Алексей Струков]

Zempik: в конце свойства animation убери слово infinite - облако после пролета встанет на середину страницы. Если надо, чтобы оно осталось за пределами экрана, то тогда надо либо немного переписать код, установив изначальную позицию облака за пределами экрана и подкорректировав анимацию, либо вместо удаленного infinite ставим слово both