Understandng svojstvo CSS Isječak

Zašto želim da to shvati?? Humm ...!!

Većina CSS pisaca će se složiti da CSS Clip vlasništvo je vjerojatno jedan od većine UN-rabljenih CSS svojstvima. Bilo je tako vrijedi i za mene previše i bio je sretan da ga zanemariti, dok sam počeo izmjenom MOOTOOLS DVA Tipka (PIN) Klizač Komponenta (uz raspona pokazatelja) .

Tu je bio dobar prijedlog jednog od sastavnih korisnika izmijeniti klizač komponentu koristeći skresanim backgroud slike (protiv promjenjivom širinom podjele) naznačiti klizač niz. Tako je došlo moje vrijeme za ulazak u zabavno, ali ne-ovlašteni (za mene ofcourse) vode imovine CSS isječaka.

Dobro! koliko teško može biti? Nije puno uopće ... DA i NE. Sintaksa za korištenje imovine CSS Isječak je prilično uspravno, ali značenje / usuage je malo croocked. Uz memoriju poput moje, svaki put sam sjesti da prerađuje na moj Klizač skripte ... moram tokeep odnosi natrag u korištenju ove CLIP imovine, podsjetiti sebe logiku koju sam stvorio u mojoj skripti .... Amo! mislio olovkom dolje, s nadom da zapamtite da u budućnosti (ali i za dobrobit onih koji čini boggled prema objektu CSS isječaka)

Što CSS Clip učiniti?

Clip je dio vizualne efekte modula CSS 2.1. Jednostavno rečeno, njen posao je da stavite vidljiv prozor na vrhu objekta koji se ošišanu, stoga clipping slike i stvaranja sličice bez stvoriti dodatne datoteke (već sam stavio ovu značajku da biste bolje iskoristiti u Klizač komponente :) )

Korištenje imovine CSS isječaka, možete stvoriti clipping koristeći Prav oblik. Kao i mnoge druge CSS svojstva (poput marže i padding itd.), koristeći Prav zahtijeva četiri koordinate Top, Desno, Dolje, Lijevo (TRBL). Croocked priroda ove imovine odražava kada se bliži pogled na koliko isječak izračunava clipping regiju, koristeći ove četiri koordinate (šalje mozak u bacanje za neko vrijeme). Sada vas zbuniti dno počinje od vrha, kao i pravo počinje s lijeve strane. :) . Vidite što sam rekao? .... Stoga ovaj post ...

Ova mala zbrka može lako nestati, s ovim vizualne objašnjenje CSS isječaka / vne imovine kao što slijedi!!

CSS isječku Zahtjevi

Zadatak smo počeli je isječak sljedeće sličicu u četvrtastim gleda slike (kao i širok-kut slike)

original_image clip_demo
Izvorni Thumbnal / Slika Clip Zahtjevi za Sqaure Thumbmail

CSS Clip Rezultati

clip_results

Pogledajte demo se | Preuzimanje sourcefiles

Tags: , , , ,

Ovaj ulaz je pošta na Utorak, Veljača 17th, 2009 at 3:23 Amand je podnio pod CSS. Možete udarac bilo koji reakcija to ovaj ulaz preko RSS 2,0 feed. Možete dopust reakcija , ili kugla za pokazivanje from tvoj posjedovati položaj.

One Response to "Understandng svojstvo CSS isječaka"

Dopust jedan Odgovor

NDK dom | Izražavajući IT | Izražavajući Ukus | Izražavajući Penmenship | Izražavajući strahopoštovanje | Izražavajući Sebe