Спиннер «Кубик Рубика» с использованием html и css

Спиннер «Кубик Рубика» с использованием html и cssНабрёл в сети на один блог с интересной анимацией кубика Рубика. Немного его переделал с помощью нейросетей. И вот что получилось.

Исходный вариант спиннера выглядит прекрасно, но опубликован больше 13 лет назад в августе 2012 года. Код полностью рабочий, но по состоянию на январь 2026 года устарел.

Закинул его в нейросеть и получил три варианта отображения кубика.

Вариант первый

Ячейки меняют цвет. Границы ячеек прозрачные. Кубик визуально кажется пустотелым.

Вариант второй

Ячейки меняют цвет. Границы между ячейками чёрного цвета. Граница граней чёрного цвета более жирная.

Вариант третий

Ячейки меняют цвет. Все границы сделаны чёрным цветом и одинаковой толщины.

Итог

Мне больше нравятся первый и третий варианты.
Напишите в комментариях, какой вариант кубика Рубика нравится именно вам?

Поделиться с друзьями

С уважением Денис Иванов, автор блога dendrblog.ru

Обновления блога

Никакого спама никогда не будет. Только оповещения о выходе новых материалов на блоге.

Оцените статью
( 2 оценки, среднее 5 из 5 )
Добавить комментарий

Нажимая на кнопку «Отправить комментарий», я даю согласие на обработку персональных данных и принимаю политику конфиденциальности.

Защищено CleanTalk Anti-Spam