Максим

а что с ней происходит ? как проявляется анимация ?

you better code lay out !where the looped that the you !

https://jsfiddle.net/lenskyuser/q2gokfa1/8/ вот так наверно

https://jsfiddle.net/lenskyuser/52z1vtst/49/ вроде бы так

https://jsfiddle.net/lenskyuser/oL4btuhx/8/ - float
https://jsfiddle.net/lenskyuser/oL4btuhx/9/ --flex

box-shadow: 1px 1px 1px #000,
                      2px 2px 1px #000,
                      3px 3px 1px #000,
                      4px 4px 1px #000,
                     5px 5px 1px #000,
                     6px 6px 1px #000;

и так сколько угодно смещайте

https://codepen.io/topicstarter/pen/ELBQbN или так делают обычно.
или .clear вставляют вниз , туда где надо очистить плавающий элемент/элементы.

Но мне стало интересно - скажите, ведь float предназначен не для этого ... с какой целью именно это css свойство вы используете ?

или так : https://codepen.io/topicstarter/pen/NMZdYR

А что именно коммерческие продукты нравятся ? Это IDE вообще то для PHP всё остальное для удобства.
Щас с разными расширениями для Обычных редакторов кода уже сложно говорить о том что есть IDE а что редактор кода .
Конечно кому то кактусы нравятся а кому то строго фиалки ...

Это конечно не js но так тоже можно : https://codepen.io/topicstarter/pen/deEvBz?editors=1000

Как имитировать клик на jQuery/JS?

Как в поле rotate поставить значение с php?

писать этот код в script в поле head demo : https://3v4l.org/mcZUU или https://3v4l.org/u18PO

вам надо ставить другое условие, например так
$(window).on('resize', function(){ вот так
и потом уже писать так :
$(window).on('resize', function(){
if($(window).width() < 640){
и что должно произойти !

но более лучше писать так $(window).on('load resize', function(){
так как это должно срабатывать не только при изменении window но и при загрузке!

вот дэмо : https://codepen.io/topicstarter/pen/aGxpjg