BT ifade

Neden bunu anlamak istiyorum?? Humm ...!

CSS yazarların çoğu o CSS Klip özellik muhtemelen en un kullanılan CSS özelliklerini biri olduğu konusunda hemfikirdir. O da benim için çok doğruydu ve ben değiştirerek başlayana kadar, ihmal en mutlu oldu MooTools İKİ Tokmak (Pin) Slider Bileşeni (Range Gösterge ile) .

Kaydırıcıyı aralığı belirtmek için kırpılır backgroud görüntüleri (değişken genişlik bölünmeye karşı) kullanarak Slider bileşeni değiştirmek için bileşeni kullanıcıların birinden iyi bir öneri vardı. Böylece eğlenceli ama CSS Klip mülk suları (benim için tabii) un imtiyaz girmek için benim zamanım geldi.

Eh! ne kadar zor olabilir? Hiç benzemiyor ... EVET ve HAYIR. CSS Clip özelliği kullanmak için sözdizimi oldukça dik ama anlamı / usuage biraz croocked olduğunu. Benimki gibi bir hafıza ile, her şey benim Slider Senaryo üzerinde rework oturup ... kendimi benim komut oluşturduğunuz mantığı hatırlatmak için, bu CLIP özelliğinin kullanımını atıfta tokeep var .... Bu nedenle! gelecekte (ve ayrıca görünüyor olanların yararına CSS Klip Property tarafından boggled) hatırlamak için bir umut ile, kalem aşağı düşünülmektedir

CSS Klip ne yapar?

Klip CSS 2.1 görsel efektlerin modülü kısmıdır. Basitçe söylemek gerekirse, işini bu nedenle ek dosyaları (zaten Slider Bileşeni daha iyi kullanmak için bu özelliği koyduk oluşturmak zorunda kalmadan görüntüleri kırpma ve küçük oluşturmak, kırpılan bir nesnenin üzerine görünür bir pencere yerleştirmektir )

CSS Klip özelliğini kullanarak, rect şeklini kullanarak bir kırpma oluşturabilirsiniz. Rect kullanarak diğer birçok CSS Özellikleri (margin, padding vb) gibi gerektirir dört koordinatları Üst, Sağ, Alt, Sol (TRBL). Bu dört koordinatları (a bir süre atmak içine beyin gönderir) kullanarak, klip kırpma bölge nasıl hesapladığını bir yakından bakmak bu özelliğin croocked doğasını yansıtır. Şimdi şaşırtmak için alttan üstten başlar ve sağ sol başlar. . Sen bu söylediklerini bakın? .... Bu yüzden bu yazı ...

Bu küçük karmaşa kolaylıkla aşağıda CSS Klip / rect özelliği bu görsel açıklama ile yok olabilir!

CSS Klip Gereksinimleri

Biz başladık görevi (ve ayrıca geniş açılı görüntü) bir squarer görünen bir görüntü içine aşağıdaki Küçük resim derlemek için

Orijinal Thumbnal / Resim	Sqaure Thumbmail için Klip Gereksinimleri

CSS Klip Sonuçlar

Demo bilgileri | İndir Kaynak Kodlarını