Commit 7b34c29f authored by toby's avatar toby

css transitions and interactivity

parent f831e944
Pipeline #11 skipped
......@@ -6,19 +6,19 @@ body {
font-family: 'Helvetica';
font-size: 46px;
background-color: #413E4A;
color: #F0B49E;
color: #B38184;
}
div {
padding-left: 10px;
cursor: pointer;
transition: all 0.25s linear;
}
.clairedelune-1 {
.clairedelune:hover {
color: #F0B49E;
background-color: #73626E;
}
.clairedelune-2 {
color: #B38184;
}
.clairedelune-3 {
color: #F7E4BE;
}
......@@ -27,7 +27,7 @@ div {
<body>
<div class="clairedelune-3">clairedelune</div>
<div class="clairedelune-1">1</div>
<div class="clairedelune-2">2</div>
<div class="clairedelune">1</div>
<div class="clairedelune">2</div>
</body>
</html>
......@@ -6,14 +6,17 @@ body {
font-family: 'Helvetica';
font-size: 46px;
background-color: #69D2E7;
color: #FA6900;
}
div {
margin-top: 10px;
padding-left: 10px;
cursor: pointer;
transition: all 0.15s linear;
}
.goldfish-1 {
.goldfish-1:hover {
background-color: #A7DBD8;
color: #F38630;
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment