365 читали · 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...
3 года назад
Как сделать свой фон CS:GO? || Как изменить фон главного меню в кс го?
Многие игроки задаются вопросом, как же сделать собственный фон в меню? Чтобы сделать свой фон в главном меню CS:GO, достаточно потратить несколько минут времени на поиск видео и замену в файлах игры. Скачиваем видео, которое вы хотите поставить на фон в формате .webm. Я, например, скачивал видео с ютуба и конвертировал в .webm здесь. Далее он должен приобрести формат .webm. Заходим на сайт https://convertio.co/ru/mp4-webm/ и конвертируем наше видео. Нужно скачать видео 3 раза и назвать каждое из них "nuke...
665 читали · 7 лет назад
Создание сайтов с нуля - урок 23 - Множественные фоны в CSS
Долгое время к элементам разрешалось добавлять только одно фоновое изображение за раз, что создавало немало трудностей при дизайне страниц. В CSS3 мы можем использовать более одного фонового изображения для элемента, разделяя запятыми несколько фонов в свойстве background или background-image. Фоновое изображение, идущее первым, будет на переднем плане, а последнее в списке фоновое изображение будет на заднем плане. Любое значение между первым и последним будет, соответственно, располагаться посередине между ними. Например: div {   background: url("first.jpg") 0 0 no-repeat,                       url("second...