Skip to content

Instantly share code, notes, and snippets.

@kernusr

kernusr/lines.css

Created February 26, 2021 10:02
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save kernusr/cc39fbb9e5efaf8cb24274fa2b11760c to your computer and use it in GitHub Desktop.
Save kernusr/cc39fbb9e5efaf8cb24274fa2b11760c to your computer and use it in GitHub Desktop.
Download ZIP
Расчертить страницу вертикальными линиями в фоне
Raw
lines.css
.bg-vertical-lines {
background-image: linear-gradient(90deg, transparent, transparent, #414143 1.5px, transparent 1.5px),
linear-gradient(90deg, transparent, transparent 25%, #414143 calc(25% + 1.5px), transparent calc(25% + 1.5px)),
linear-gradient(90deg, transparent, transparent calc(50% - 1.5px), #414143 50%, transparent 0),
linear-gradient(90deg, transparent, transparent calc(75% - 1.5px), #414143 75%, transparent 0),
linear-gradient(90deg, transparent, transparent calc(100% - 1.5px), #414143 100%, transparent 0);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment