Upload files to "redteam"
This commit is contained in:
30
redteam/style.css
Normal file
30
redteam/style.css
Normal file
@@ -0,0 +1,30 @@
|
||||
/* ---------- SQUARE BOX ---------- */
|
||||
.slider-box{
|
||||
position:relative;
|
||||
width:320px;
|
||||
height:320px;
|
||||
border-radius:1.5rem;
|
||||
overflow:hidden; /* keeps images inside */
|
||||
margin:0 auto;
|
||||
}
|
||||
|
||||
/* ---------- HORIZONTAL TRACK ---------- */
|
||||
.slides{
|
||||
display:flex; /* side-by-side */
|
||||
height:100%;
|
||||
transition:transform .6s ease;
|
||||
}
|
||||
|
||||
/* ---------- EACH IMAGE ---------- */
|
||||
.slide{
|
||||
width:100%; /* 1 image = full box width */
|
||||
height:100%;
|
||||
object-fit:cover;
|
||||
flex-shrink:0;
|
||||
}
|
||||
|
||||
/* ---------- LIGHT BLINK ON SWAP ---------- */
|
||||
.slider-box.swap{
|
||||
box-shadow:0 0 20px 6px rgba(255,255,255,.35);
|
||||
transition:box-shadow .25s;
|
||||
}
|
||||
Reference in New Issue
Block a user