שאלת css... (למה פה? למה לא?
)

naatz

New member
שאלת css... (למה פה? למה לא? ../images/Emo3.gif)

מחפש שליטה על זווית של אלמנט בcss. ספק אם יש - אבל אולי.. מי יודע.. רעיונות? naatz
 

[eLad]

New member
תחפש בפילטרים

אמנם אני לא בטוח שתמצא. אני חושב שזה אפשרי גם בVML.
 

חוצפאי

New member
עצוררררררררררררררררררררררררררררר../images/Emo70.gif

מתוך HDN (שזה, כמובן, Hutzpai Developement Network):
<SPAN id=imgObj style="PADDING-RIGHT: 10px; PADDING-LEFT: 13px; FILTER: progid:DXImageTransform.Microsoft.BasicImage( Rotation=1,Mirror=0,Invert=0,XRay=0,Grayscale=0,Opacity=1.00); FONT: bold 9pt/1.3 verdana; WIDTH: 305px; COLOR: darkred; HEIGHT: 150px; BACKGROUND-COLOR: skyblue"><IMG id=oImg style="MARGIN: 8px" src="fruit.gif" align=left> <DIV id=imgObjText><BR>The image, dark red text, and sky blue background make up the content of the filtered SPAN.</DIV></SPAN>​
 

naatz

New member
יש הבדל בין זה לבין -

<div style="filter: flipv fliph;writing-mode: tb-rl;">text</div>​
אני מחפש את השליטה על הזווית מעבר ל90 מעלות. תודה בכ"ז
(וברכות על החום) naatz
 

חוצפאי

New member
תודה../images/Emo70.gif

(ו... מה שכתבת כאן: זה עובד וכאלה
או שסתם המצאת
)
 

dagon

New member
../images/Emo31.gif

1. יש כזה פילטר, שמו matrix. עדיף לא לקבוע עובדות בלי שאתה מכיר את כל הפילטרים. 2. מה יש לך להמנע מ-VML? הוא הרבה יותר יעיל משימוש בפילטרים הנ"ל. ויש לו CSS פרופרטי נחמד בשם rotation.
 

naatz

New member
matrix לא מבצע רוטציה.

הוא מבצע scew. מן הסתם טרחתי לחפש לפני ששאלתי. ואני לא אוהב לעבוד עם vml כיוון שאין בו אלטרנטיבה לדפדפנים מוקדמים יותר. תודה, naatz
 

dagon

New member
נו באמת...

מן הסתם הוא מסוגל לבצע את שניהם בעזרת משחקים פשוטים עם הממברים שלו. ראה כאן. ודרך אגב, ל-VML יש יותר compatibility מאשר ל-matrix. ב-VML ניתן להשתמש מ-IE5 ומעלה לעומתו matrix מוגבל ל-IE5.5 ומעלה. תקרא את הרפרנס יותר בעיון נקסט טיים, הנה חלק ממנו:
Use the Matrix filter to create the following simple effects. Flip horizontal. Negate the M11 and M12 entry values. Flip vertical. Negate the M21 and M22 entry values. Resize. Multiply each matrix entry by the same factor. The content size changes in proportion to the multiple used. See the following examples. Rotate. Adjust the default matrix entries by the appropriate trigonometry function. See the following examples.
 

[eLad]

New member
בטוח ../images/Emo13.gif ../images/Emo35.gif

<html> <head> <style> .matrix { width:100px; height:100px; background-color:#66CCFF; border:1px solid black; text-align:center; filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067690849304, M12=-0.7071067690849304, M21=0.7071067690849304, M22=0.7071067690849304, sizingMethod="auto expand"); } </style> </head> <body> <div class="matrix">The Matrix Filter</div> </body> </html> 45 מעלות. בMSDN חפש "Using Matrix Transforms".​
 
למעלה