Virusscanner tips?
Lijn die uitloopt
Ik wil graag een lijn hebben die uitloopt.
Daarmee bedoel ik dat aan de uiteinden het dunner wordt, tot je het niet meer kan zien.
Ik weet niet hoe ik dit kan maken met css?
Of is dit met een afbeelding?
Hopelijk begrijp je wat ik bedoel :)
Diov
een div van één pixel of een paar pixels hoog met een gradient background en wat transparantie misschien?
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html>
<html>
<head>
<style>
#grad1
{
height:2px;
background: #ffffff;
background: -moz-linear-gradient(left, #ffffff 0%, #ff0000 53%, #ffffff 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, #ffffff), color-stop(53%, #ff0000), color-stop(100%, #ffffff));
background: -webkit-linear-gradient(left, #ffffff 0%, #ff0000 53%, #ffffff 100%);
background: -o-linear-gradient(left, #ffffff 0%, #ff0000 53%, #ffffff 100%);
background: -ms-linear-gradient(left, #ffffff 0%, #ff0000 53%, #ffffff 100%);
background: linear-gradient(to right, #ffffff 0%, #ff0000 53%, #ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );}
</style>
</head>
<body>
<div id="grad1"></div>
</body>
</html>
<html>
<head>
<style>
#grad1
{
height:2px;
background: #ffffff;
background: -moz-linear-gradient(left, #ffffff 0%, #ff0000 53%, #ffffff 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, #ffffff), color-stop(53%, #ff0000), color-stop(100%, #ffffff));
background: -webkit-linear-gradient(left, #ffffff 0%, #ff0000 53%, #ffffff 100%);
background: -o-linear-gradient(left, #ffffff 0%, #ff0000 53%, #ffffff 100%);
background: -ms-linear-gradient(left, #ffffff 0%, #ff0000 53%, #ffffff 100%);
background: linear-gradient(to right, #ffffff 0%, #ff0000 53%, #ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );}
</style>
</head>
<body>
<div id="grad1"></div>
</body>
</html>
Gewijzigd op 17/12/2013 00:02:55 door Frank Nietbelangrijk
