WN

WN (https://www.wn.se/forum/index.php)
-   Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)
-   -   CSS Filter (https://www.wn.se/forum/showthread.php?t=1059642)

SweLogan 2013-10-30 00:21

CSS Filter
 
Hittade en sida www.webcamtoy.com och vart intresserad av CSS Filter. Hittade en lista på 9 olika parametrar man kan ändra. Men på denna sida har man effekter som böjer och lägger på ett lager till. Hur har man löst detta?

pelmered 2013-11-03 22:58

Citat:

Ursprungligen postat av SweLogan (Inlägg 20480175)
Hittade en sida www.webcamtoy.com och vart intresserad av CSS Filter. Hittade en lista på 9 olika parametrar man kan ändra. Men på denna sida har man effekter som böjer och lägger på ett lager till. Hur har man löst detta?

Vet inte exakt vad du menar så jag gissar på att du menar hur de fått till de där boxarna.
De har först och främst använda position: absolute, top och left samt margins för att få till positionen. För att hantera lager använder man z-index.
När man ska rotera använder man CSS3 transform: rotate.

Kod:

Kod:

position: absolute;
left: 50%;
top: 50%;
margin-top: -390px;
margin-left: 280px;
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-ms-transform: rotate(3deg);
-o-transform: rotate(3deg);
transform: rotate(3deg);



Alla tider är GMT +2. Klockan är nu 12:28.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson