2360
צפיות
צפיות
2
תשובות
תשובות
קו נטוי בCSS
מצורפת תמונת למה שאני מעוניין לעשות ואין ברשותי את המידע איך לעשות זאת
אשמח אם מישהו יסייע לי לעשות בCSS את הקו הנטוי הזה.
http://www.israup.net/images/2e56f784b482ad786366506b40a617e6.png
מצורפת תמונת למה שאני מעוניין לעשות ואין ברשותי את המידע איך לעשות זאת
אשמח אם מישהו יסייע לי לעשות בCSS את הקו הנטוי הזה.
http://www.israup.net/images/2e56f784b482ad786366506b40a617e6.png
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>
הקטע החשוב הוא הגדרת ה-class שנתתי ל-div.
את המידע מצאתי באתר http://www.w3schools.com/css/css3_2dtransforms.asp
למקרה שאתה לא מכיר, w3schools הוא ה"סמכות" הבכירה לסטנדרטים של אינטרנט, ויש שם מידע שימושי רב מאוד.
ממליץ מאוד להיעזר בו.