Pellekaart
Gebruiker
- Lid geworden
- 25 jun 2012
- Berichten
- 48
Met CSS een mooi driehoekje gemaakt, zie hieronder.
Nu wil ik zo'n zelfde driehoekje (maar dan de kleur iets anders) als rollover maken.
Deze plaats ik in een externe stylesheet.
Hoe kan ik het makkelijkste deze rollover maken?
driehoekje:
(html)
</head>
<body>
<div id="driehoek"></div>
</div>
</body>
(CSS)
div#driehoek {
border-left-width: 3em;
border-left-style: solid;
border-left-color: rgba(255,255,255,1);
border-bottom-width: 3em;
border-bottom-style: solid;
border-bottom-color: rgba(255,255,255,1);
border-right-width: 3em;
border-right-style: solid;
border-right-color: rgba(255,0,0,1);
top: 100px;
width: 25px;
border-top-width: 3em;
border-top-style: solid;
border-top-color: rgba(255,255,255,1);
float: left;
left: 100px;
position: fixed;
}
groet Pellekaart
Nu wil ik zo'n zelfde driehoekje (maar dan de kleur iets anders) als rollover maken.
Deze plaats ik in een externe stylesheet.
Hoe kan ik het makkelijkste deze rollover maken?
driehoekje:
(html)
</head>
<body>
<div id="driehoek"></div>
</div>
</body>
(CSS)
div#driehoek {
border-left-width: 3em;
border-left-style: solid;
border-left-color: rgba(255,255,255,1);
border-bottom-width: 3em;
border-bottom-style: solid;
border-bottom-color: rgba(255,255,255,1);
border-right-width: 3em;
border-right-style: solid;
border-right-color: rgba(255,0,0,1);
top: 100px;
width: 25px;
border-top-width: 3em;
border-top-style: solid;
border-top-color: rgba(255,255,255,1);
float: left;
left: 100px;
position: fixed;
}
groet Pellekaart
Laatst bewerkt: