Hej
Chciałbym zrobić pasek przez całą stronę (od góry do dołu) pod contentem w jaki sposób mogę uzyskać taki efekt?
Hej
Chciałbym zrobić pasek przez całą stronę (od góry do dołu) pod contentem w jaki sposób mogę uzyskać taki efekt?
Najlepiej umieść pasek przez całą stronę (od góry do dołu) pod contentem ;)
A tak serio - napisz coś więcej.
Czy ten pasek ma być nieruchomy, czy się przewijać razem ze stroną?
Czym ten pasek ma być - jakaś linia/obrazek/gradient?
Daj może przykładowy kod, bo na razie poza życzeniem to niczego nie widzimy.
Rzuć okiem na te linki - może któryś z nich jest tym, czego szukasz albo okaże się inspiracją do znalezienia rozwiązania. A jak nie to prośba - opisz lepiej swój problem.
https://www.w3schools.com/cssref/tryit.asp?filename=trycss_background-attachment
https://css-tricks.com/almanac/properties/b/background-attachment/
https://www.w3schools.com/howto/howto_css_bg_gradient_scroll.asp
https://codepen.io/MadeByMike/pen/eKPZZz
https://stackoverflow.com/questions/2662039/keep-background-image-fixed-during-scroll-using-css
https://www.w3.org/TR/CSS21/colors.html#background-properties
dodam:
CSS sam w sobie jest niewidzialny i "nieskuteczny"
Służy do stylizowania obiektów siedzących w HTML
to takie absolutne mimum teorii
Narysuj pasek -> ustaw jako tło (powtarzające się lub rozciągnięte) -> fajrant
Napisałeś to tak, że w ogóle nie domyśliłam się, że chodzi o tło. Gdyby nie @cerrato, dalej myślałabym, że pytasz jak wypozycjonować w ten sposób jakiegoś DIV-a czy coś.
<style>
.with-pasek {
position: relative;
}
.with-pasek:before {
content: '';
display: block;
position: absolute;
height: 100vh;
top: 0;
left: 100px;
width: 50px;
background-color: red;
z-index: -1;
}
</style>
<div class="with-pasek">
Some text lorem ipsum ...
</div>
Może jakiś przykład oczekującego efektu narysowany w paincie, lub cokolwiek?