.separator {
position: relative;
width: 100%; /* Širina lista */
height: auto; /* Automatska visina u skladu sa širinom slike */
overflow: hidden; /* Skrivanje preliva slike van granica roditeljskog elementa */
display: flex;
justify-content: center; /* Centriranje sadržaja horizontalno */
}
.separator a {
display: block;
position: relative;
}
.separator a::after {
content: “Uzbuđujuća kolekcija majica sa Disney printom donosi dozu zabave i stila. Osetite čaroliju Harajuku trendova! “;
position: absolute;
top: -10px; /* Podešavanje udaljenosti od vrha slike */
left: -30px; /* Podešavanje udaljenosti od leve strane slike */
background-color: rgba(255, 0, 0, 0.5); /* Crvenkasto-prozirna boja pozadine */
padding: 20px;
border-radius: 30px;
z-index: 5; /* Postavljanje z-index na 1 kako bi tekst bio iznad slike */
color: white; /* Boja teksta */
font-size: 12px; /* Postavljanje veličine slova */
font-weight: bold; /* Podešavanje podebljanja teksta */
line-height: 1; /* Podešavanje manjeg razmaka između redova */
}
.separator img {
width: 550px; /* Širina slike postavljena na 700px */
height: auto; /* Automatska visina u skladu sa širinom slike */
display: block;
}
/* Media upit za mobilne uređaje */
@media (max-width: 768px) {
.separator img {
width: 100%; /* Na mobilnim uređajima, slika zauzima 100% širine roditeljskog elementa */
}
}
541 din
var krug = document.getElementById(“krug”);
krug.addEventListener(“mouseenter”, function() {
krug.setAttribute(“r”, 100); // Povećava krug za 20%
});
krug.addEventListener(“mouseleave”, function() {
krug.setAttribute(“r”, 72); // Vraća krug na originalnu veličinu
});
Zaronite u svet neodoljivih Harajuku trendova sa našom fantastičnom kolekcijom ženske odeće! Naše majice za žene su pravo remek-delo sa Disney grafikama koje oživljavaju vaše omiljene likove na način koji će osvojiti vaše srce. Osećajte se udobno i samouvereno u našim streetwear komadima koji su istovremeno moderni i ležerni. Sa popustom od 30%, sada je pravo vreme da osvežite svoj ormar sa ovim apsolutnim hitovima mode. Ne propustite priliku da postanete deo Harajuku revolucije i izrazite svoju jedinstvenost kroz našu neodoljivu odeću!
#dugme:hover {
transform: scale(1.4); /* Povećava veličinu dugmeta za 10% */
}
