mirror of
https://github.com/JonasunderscoreJones/Website-v1.git
synced 2025-10-25 11:39:18 +02:00
35 lines
No EOL
668 B
HTML
35 lines
No EOL
668 B
HTML
<style>
|
|
#triangle-topleft {
|
|
position: absolute;
|
|
top: 0;
|
|
width: 1px;
|
|
height: 1px;
|
|
border-top: 200px solid #2e4e4e;
|
|
border-right: 100px solid transparent;
|
|
transition: 0.1s;
|
|
z-index: -1;
|
|
}
|
|
|
|
#triangle-topleft:hover {
|
|
border-top: 100px solid #003052;
|
|
border-right: 50px solid transparent;
|
|
}
|
|
|
|
#triangle-topleft2 {
|
|
width: 0;
|
|
height: 0;
|
|
border-top: 50px solid red;
|
|
border-right: 300px solid transparent;
|
|
transition: 0.1s;
|
|
}
|
|
|
|
|
|
body {
|
|
margin: 0%;
|
|
}
|
|
</style>
|
|
|
|
<body>
|
|
<div id="triangle-topleft2"></div>
|
|
<div id="triangle-topleft"></div>
|
|
</body> |