מדיה ויקי:Vector.css: הבדלים בין גרסאות בדף
קפיצה לניווט
קפיצה לחיפוש
אין תקציר עריכה |
אין תקציר עריכה |
||
| שורה 1: | שורה 1: | ||
/ | <!DOCTYPE html> | ||
body { | <html lang="he"> | ||
<head> | |||
} | <meta charset="UTF-8"> | ||
<title>בדיקת אפקט התכהות סביב טקסט</title> | |||
<style> | |||
#content { | body { | ||
background-color: #f5e6cc; | |||
margin: 0; | |||
} | |||
#content { | |||
background-color: #d39c7c; | |||
#content | color: white; | ||
padding: 20px; | |||
position: relative; | |||
} | |||
/ | #content::after { | ||
# | content: ""; | ||
position: absolute; | |||
top: 0; | |||
right: 0; | |||
bottom: 0; | |||
left: 0; | |||
background: radial-gradient(circle, transparent 0%, #6d3327 100%); | |||
pointer-events: none; | |||
} | |||
</style> | |||
</head> | |||
<body> | |||
<div id="content"> | |||
<h1>כותרת</h1> | |||
<p>זהו טקסט לדוגמה כדי לבדוק את האפקט של התכהות סביב הטקסט.</p> | |||
<p>עוד פסקה עם <a href="#">קישור לדוגמה</a>.</p> | |||
</div> | |||
</body> | |||
</html> | |||
גרסה מ־16:05, 16 בספטמבר 2024
<!DOCTYPE html>
<html lang="he">
<head>
<meta charset="UTF-8">
<title>בדיקת אפקט התכהות סביב טקסט</title>
<style>
body {
background-color: #f5e6cc;
margin: 0;
}
#content {
background-color: #d39c7c;
color: white;
padding: 20px;
position: relative;
}
#content::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: radial-gradient(circle, transparent 0%, #6d3327 100%);
pointer-events: none;
}
</style>
</head>
<body>
<div id="content">
<h1>כותרת</h1>
<p>זהו טקסט לדוגמה כדי לבדוק את האפקט של התכהות סביב הטקסט.</p>
<p>עוד פסקה עם <a href="#">קישור לדוגמה</a>.</p>
</div>
</body>
</html>