scaling 125%

Door Francoi gckx op 11-10-2014 10:06

1.540 views

Ik heb een probleem ik wil afbeelding resize naar 125%;

@media only screen
and (min-width : 1224px) {
/* Styles */
#Cockpit_5_r2_c2, #Cockpit_5_r2_c7, #linkin1, #linkin2, #Cockpit_5_r5_c3{
width: 125% !important;
height: 125% !important;

}

alleen hij vergroot niet vanaf de orginele width en height van de plaats alles word even (te) groot en te breed?

Wouter J

11-10-2014 11:09 gewijzigd op 11-10-2014 11:09

125% betekend 125% van de breedte van het element waar hij in zit. Dus stel:

[code lang=html]<div><img ...></div>[/code]

Als <div> u 100px breed is en je geeft img een breedte van 125%, dan wordt hij 125px breed (namelijk 125% van 100px).

Een element scalen kun je doen met de CSS3 property transform:
[code lang=css]img{
-webkit-transform:scale(1.25); /* safari, iOS, android en old chrome */
-ms-transform:scale(1.25); /* IE 9 */
transform:scale(1.25); /* overig */
}[/code]

Reageren

Inloggen om te reageren