Как лучше реализовать бэкграунд

@C1one_38 · Регистрация: 03.11.2012

Author24 — интернет-сервис помощи студентам

Привет всем!

Ребят, кто бы как оформил такой бекграунд (на картинке)?

Точнее интересует косая светлая полоса:
- лучше просто взять бэкграунд целиком и вставить картинкой;
- может как то ее можно сделать с помощью линейных градиентов (да и вообще весь бекграунд);
- вырезать только эту светлую полосу и вставить картинкой, а остальной бек сделать из маленького повторяющегося паттерна;
- еще какие то варианты?

@nikipor · 20.12.2015, 23:54

Положить блок с оверфлоу:хидден, а в нём написать символ "/" нужного цвета шрифтом 8000 рх (это шутка)...

Добавлено через 44 минуты
Ещё есть такие варианты (но они тоже тупые):

1. написать формулу и закрасить скриптом,
2. взять див, закрасить его и повернуть на угол через ксс,
3. можно, наверное, бордюрами попытаться поиграть.

Добавлено через 10 минут
Хотя 3-й вариант, кажется, не тупой

@Shakalaka · 20.12.2015, 23:57

https://jsfiddle.net/gL2jrzeu/

CSS

div{
  width:200px;
  height:200px;
  background-image:linear-gradient(-60deg, #333 40%, #f0f 40%, #f0f 60%, #333 60%);
}

@C1one_38 10 / 1 / 2 Регистрация: 03.11.2012 Сообщений: 13
		1
	Как лучше реализовать бэкграунд 20.12.2015, 22:21. Показов 688. Ответов 2 Метки нет (Все метки) Привет всем! Ребят, кто бы как оформил такой бекграунд (на картинке)? Точнее интересует косая светлая полоса: - лучше просто взять бэкграунд целиком и вставить картинкой; - может как то ее можно сделать с помощью линейных градиентов (да и вообще весь бекграунд); - вырезать только эту светлую полосу и вставить картинкой, а остальной бек сделать из маленького повторяющегося паттерна; - еще какие то варианты? Миниатюры 0

@nikipor 10 / 10 / 6 Регистрация: 05.01.2012 Сообщений: 113
	20.12.2015, 23:54	2
	Положить блок с оверфлоу:хидден, а в нём написать символ "/" нужного цвета шрифтом 8000 рх (это шутка)... Добавлено через 44 минуты Ещё есть такие варианты (но они тоже тупые): 1. написать формулу и закрасить скриптом, 2. взять див, закрасить его и повернуть на угол через ксс, 3. можно, наверное, бордюрами попытаться поиграть. Добавлено через 10 минут Хотя 3-й вариант, кажется, не тупой 0

	20.12.2015, 23:57