Найти тему
Статьи
Отвалилось колесо на виртуальном автомобиле
Делал делал игру. Так и не сделал. Колесо улетело. Автомобиль остался. Печальное зрелище )) ХАХАХА Бывает такое ) Че, я ведь не профи. Гыгы В видео продемонстрирована Музыка от Audionautix.com let canvas = document.getElementById ("yeahCanvas"); let print = canvas.getContext("2d"); x = 200; function car() { print.beginPath(); print.rect(0, 0, canvas.width, canvas.height); print.fillStyle = "black"; print.fill(); print.closePath(); print.beginPath(); print.rect(0, 430, 1000, 70); print.fillStyle = "silver"; print...
1 год назад
Создание простой формы для публикации контента
Что если создать форму для публикации контента. Простую, легкую, и изящную. Я задумался. И сделал вариант через Bootstrap. Получилось неплохо. <form class="container mt-4"> <h2 class="mb-4 fs-1"> Публикация Материала</h2> <div class="mb-3"> <label for="nameYes" class="form-label mt-2"> Имя </label> <input type="email" class="form-control" id="nameYes" > </div> <div class="mb-3"> <label for="emailYes" class="form-label...
1 год назад
Смена приоритета на веб странице
Наглядное изменение приоритета с помощью CSS. Суть такая. Серый блок перекрывает оранжевый. Ситуация меняется при наведении. Поскольку у оранжевого блока меняется приоритет. До наведения После Код <style> :root { --bottom: orange; --top: gray; } .center { margin: 100px auto; } div { position: relative; width: 320px; height: 320px; } .orange { background: var(--bottom); top: 280px; left: 50px; z-index: 0; } ...
1 год назад
Позиционирование контента на темном фоне через Bootstrap
Небольшая страница с построенным контентом. Первый блок основа, вторая дополнение со списком. Код <style> body { background: #000000; } .top-a { margin-top: 200px; } li { border-bottom: 1px solid rgb(20, 20, 20); padding: 10px; list-style-type: none; } </style> <body> <div class="container top-a"> <div class="row"> <div class="col-8 bg-dark"> <div class="col-12 p-4"> <h2 class="text-white">Заголовок №1</h2> <p class="text-white">Новый текст.. Свежие данные.. Интересно, да? <a href="#" class="text-warning">Next</a></p>...
1 год назад
Цветные квадратики по центру веб-страницы
Обычные квадраты с разными цветами на центральном месте веб-страницы. Построение основано на Flex, цветной колорит задан через CSS. <style> * { padding: 0; margin: 0; } .main { display: flex; justify-content: space-around; background: #000000; margin: 200px auto; padding: 40px; width: 50%; } .main div { width: 100px; height: 100px; } .crimson { background: crimson; } .green { background: green; } .orange { background: orange; } ...
1 год назад
Простой центральный круг на CSS
Круг сделал по центру. Он оранжевого цвета. Белый фон по умолчанию в браузере. Оранжевый круг отлично сочетается с ним. index.php <style> * { padding: 0; margin: 0; } .arc { background: orange; width:...
1 год назад
Видео