Как создавать горизонтальные линии с градиентом или тенями в CSS?

Для создания горизонтальных линий с градиентом в CSS можно использовать следующий пример: 1

<hr class='hr-horizontal-gradient'><style>.hr-horizontal-gradient {  margin: 20px 0;  padding: 0;  height: 6px;  border: none;  background: linear-gradient(45deg, #333, #ddd);}</style>

Для создания горизонтальной линии с тенью можно использовать следующий пример: 15

<hr class='hr-shadow'><style>.hr-shadow {  margin: 20px 0;  padding: 0;  height: 10px;  border: none;  border-top: 1px solid #333;  box-shadow: 0 10px 10px -10px #8c8b8b inset;}</style>

Для оформления горизонтальных линий в CSS можно использовать и другие стили, например, для многострочной линии или двойной линии. 2