diff options
| -rw-r--r-- | pages.html | 1 | ||||
| -rw-r--r-- | style.css | 7 |
2 files changed, 5 insertions, 3 deletions
@@ -26,6 +26,7 @@ <a href="https://ratakor.com"><img src="https://ratakor.com/images/based/ratakor.gif"></a> <a href="https://gifypet.neocities.org/" ><img src="https://gifypet.neocities.org/images/badge.gif"></a> <a href="https://nuange.neocities.org/" ><img src="https://i.imgur.com/q3Fio3i.gif"></a> + <a href="https://yesterweb.com" ><img src="https://yesterweb.org/img/button.png"></a> </div> </div> </div> @@ -47,8 +47,8 @@ br{ background-color: rgba(220, 237, 200, 0.55); border: 3px solid skyblue; border-radius: 2%; - transition-property: opacity; - transition-duration: 0.3s; + transition-property: opacity, box-shadow; + transition-duration: 0.3s, 0.6s; /*animation-name: spin; animation-duration: 2s; animation-iteration-count: infinite; @@ -70,6 +70,7 @@ a.text-link::after{ .link:hover { opacity: 0.6; + box-shadow: 4px 4px chartreuse, -4px -4px chartreuse, -4px 4px chartreuse, 4px -4px chartreuse; /*animation-name: heylisten; animation-duration: 1.5s; animation-timing-function: linear; @@ -99,7 +100,7 @@ a.text-link::after{ margin: 3% 0; margin-bottom: auto; padding: 1%; - background-color: rgba(220, 237, 200, 0.65); + background-color: rgba(220, 237, 200, 0.80); border-radius: 5px; border: 5px dotted #b4d545; } |