וובמאסטר - תיכנות ובניית אתרים
שאלות ותשובות:
הוסף תשובה

קו נטוי בCSS

מצורפת תמונת למה שאני מעוניין לעשות ואין ברשותי את המידע איך לעשות זאת
אשמח אם מישהו יסייע לי לעשות בCSS את הקו הנטוי הזה.

http://www.israup.net/images/2e56f784b482ad786366506b40a617e6.png

Ido G Zisman, 15/10/2014
תגיות: CSS‏  
הוסף תשובה  |  הוסף הערה
2 תשובות לשאלה זו
הוסף תשובה
בבקשה:



<html>
<head>
<style>

div{
background-color:black;
width:300px;
height:500px;
position:relative;
top:200px;
left:200px;
}

.skew{
-ms-transform: skewX(30deg); /* IE 9 */
-webkit-transform: skewX(30deg); /* Chrome, Safari, Opera */
transform: skewX(30deg);
}


</style>
</head>
<body>


<div class="skew"></div>

<body>
</html>
Roi Trigerman, 15/10/2014
הוסף תשובה  |  הוסף הערה
הקטע החשוב הוא הגדרת ה-class שנתתי ל-div.

את המידע מצאתי באתר http://www.w3schools.com/css/css3_2dtransforms.asp
למקרה שאתה לא מכיר, w3schools הוא ה"סמכות" הבכירה לסטנדרטים של אינטרנט, ויש שם מידע שימושי רב מאוד.
ממליץ מאוד להיעזר בו.
Roi Trigerman, 15/10/2014
הוסף תשובה  |  הוסף הערה
הוסף תשובה לשאלה זו:




וובמאסטר © כל הזכויות שמורות