trying out text-selection colors

This commit is contained in:
Bea 2020-07-02 18:49:20 +02:00
parent 6eceb990b3
commit 33018241bf
3 changed files with 7 additions and 3 deletions

View File

@ -6,7 +6,6 @@
<link href="/styles/home-style.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" type="image/png" href="/images/logos/brain-128.png"/>
<title>Mind Overflow : Home</title>
<script src="anime.min.js"></script>
</head>

View File

@ -25,8 +25,8 @@
<div class="content">
<h2 style="font-style: italic;">A little biography</h2>
<p>Hi. I'm Lorenzo and I'm an 18 years old high school student.</p>
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas risus nibh, ornare eu eleifend et, facilisis eget odio. Suspendisse tellus leo, cursus vel mi ullamcorper, ultrices commodo nisl. Donec auctor sodales urna id vehicula. Nunc mattis dapibus tincidunt. Sed ac euismod ante. Nunc laoreet ante vitae dolor vulputate, quis volutpat ex posuere. Duis in porttitor odio. Sed id accumsan dolor. Donec eu dictum nibh.</p>
<p>Hi. I'm Lorenzo and I'm an 18-years-old high school student.</p>
<p>I'm a young developer, but I'm also a pianist, a DJ and a passionate photographer.</p>
<p>Curabitur ac efficitur eros. Etiam elementum nibh hendrerit, commodo urna ut, convallis eros. Aenean ac feugiat elit. Quisque vestibulum ante in ipsum feugiat, in malesuada dolor mattis. Morbi id quam malesuada, molestie tortor quis, iaculis odio. Maecenas efficitur, elit et dictum volutpat, mauris dui dignissim ex, in laoreet tellus felis nec risus. Cras tincidunt consectetur magna ac tincidunt.</p>

View File

@ -135,6 +135,11 @@ li {
padding: 16px;
}
/* COLORED TEXT SELECTION */
::selection {
color: black;
background: paleturquoise;
}
/* ANIMATED GRADIENT BACKGROUND */
@keyframes gradient {