Understandng נכס קליפ CSS
מדוע אני רוצה להבין את זה??? הוממ ...!!
רוב הכותבים-CSS יסכימו נכס CSS קליפ הוא כנראה אחד בלתי בשימוש תכונות רוב CSS. זה היה נכון אז גם לי ושמחתי ביותר להזניח את זה, עד שהתחלתי שינוי שני MooTools (PIN) Knob Slider Component (עם מחוון טווח) .
היתה הצעה טובה מאחת משתמשים רכיב לשנות את רכיב Slider באמצעות תמונות backgroud גזומים (נגד חלוקת רוחב משתנה) כדי לציין את טווח המחוון. לכן הגיע הזמן שלי להיכנס כיף אבל בלתי שכר (לי ofcourse) המים של הנכס קליפ CSS.
טוב! כמה קשה זה יכול להיות? לא הרבה בכלל ... כן ולא. התחביר כדי להשתמש במאפיין קליפ CSS היא זקופה למדי, אבל המשמעות / usuage קצת croocked. עם זיכרון כמו שלי, כל פעם אני יושב לעבוד מחדש על התסריט Slider שלי ... יש לי tokeep מתכוון לחזור השימוש של נכס זה קליפ, כדי להזכיר לעצמי את ההיגיון שאני יצרתי בתסריט שלי .... מכאן! חשבתי בעט אותו, בתקווה לזכור אותו בעתיד (וגם לטובת אלה נראה שיגע ידי נכס קליפ CSS)
מה קליפ CSS לעשות?
הסרטון הוא חלק מודול אפקטים חזותיים של CSS 2.1. במילים פשוטות, את העבודה הוא להציב חלון גלוי על גבי האובייקט כי הוא מקוטע, ומכאן גזירת תמונות ויצירת תמונות ממוזערות מבלי ליצור קבצים נוספים (יש לי כבר את בתכונה זו כדי שימוש טוב יותר ברכיב Slider 
)
שימוש ברכוש קליפ CSS, אתה יכול ליצור את הצורה בעזרת חיתוך rect. כמו נכסים רבים אחרים-CSS (כמו וכו ', שולי הריפוד), תוך שימוש rect דורש ארבע קואורדינטות למעלה, למטה מימין, משמאל (TRBL). הטבע croocked של נכס זה משקף כאשר אתה לוקח נראה כיצד קליפ מחשב באזור גזר, תוך שימוש בארבע נקודות ציון (המוח שולח אל לזרוק קצת). עכשיו לבלבל אותך למטה מתחיל מלמעלה, ומיד מתחיל משמאל. . אתה רואה מה אמרתי? .... לכן זה לכתוב ...
זה בלבול קטן יכול בקלות להיעלם, עם הסבר זה ויזואלית של הנכס CSS קליפ / rect להלן!!
דרישות קליפ-CSS
המשימה התחלנו הוא קליפ תמונה ממוזערת הבאה לתמונה רבועים מחפש (וגם תמונה רחבת זווית)
 |  |
| Thumbnal התמונה המקורית / | קליפ דרישות Sqaure Thumbmail |
תוצאות קליפ-CSS
