25 lines
567 B
CSS
25 lines
567 B
CSS
/* style.css */
|
|
body {
|
|
margin: 0;
|
|
}
|
|
|
|
#image-container {
|
|
overflow: visible; /* Allow images to overflow */
|
|
position: relative; /* Base positioning for relative image movement */
|
|
}
|
|
|
|
img {
|
|
display: block;
|
|
position: relative; /* Relative positioning */
|
|
transition: left 0.3s ease; /* Smooth left transition */
|
|
}
|
|
|
|
#slider-container {
|
|
position: relative; /* Ensure sliders are positioned relative to the viewport */
|
|
width: 100%; /* Full width sliders */
|
|
z-index: 1000; /* Above images for easier access */
|
|
}
|
|
|
|
#slider {
|
|
width: 100%;
|
|
} |