140 читали · 2 года назад
Создание базовых 3D-сцен с помощью Three.js
Источник: Nuances of Programming Мы будем применять один из наиболее классических инструментов веб-разработки  —  тег <script>. Подготовка базовых файлов Сначала создадим файл index.html. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>03 - basic scene</title> </head> <body> <script src="./script.js"></script> </body> </html> Затем создаем файл script.js. Код внутри него состоит всего из одной строки: console...
359 читали · 1 год назад
Делаем анимацию фона (background) на css
Добрый день. Рассмотрим как просто сделать анимированный градиентный фон на чистом css. В этой статье сделаем градиентный фон и при помощи CSS стилей анимируем плавную смену градиента фона. Делаем простую страничку в HTML, примерно так: <head> <link rel="stylesheet" href="styles.css"> </head> <body> <h1>Тест</h1> </body> На этой странице подключена только таблица стилей и в теге body указан заголовок h1. Далее в файле styles.css вставляем такой текст: body { background: linear-gradient(90deg, rgba(132,128,194,1) 0%, rgba(177,177,218,0...