Add transition rules to the notbyai.fyi badge

This commit is contained in:
Maciej Pędzich 2024-03-26 22:40:04 +01:00
parent f7e54ca281
commit 0fccf99741

View File

@ -25,9 +25,24 @@ const { Content, headings } = await post.render();
<Content /> <Content />
<a href="https://notbyai.fyi" target="_blank" rel="noopener noreferrer"> <a href="https://notbyai.fyi" target="_blank" rel="noopener noreferrer">
<img <img
id="notbyai"
src="/Written-By-Human-Not-By-AI-Badge-white@2x.png" src="/Written-By-Human-Not-By-AI-Badge-white@2x.png"
alt="Written by human, not by AI" alt="Written by human, not by AI"
width="160" width="160"
/> />
</a> </a>
</BlogPost> </BlogPost>
<style>
#notbyai {
transition-duration: 300ms;
}
#notbyai:hover {
transform: scale(1.075);
}
#notbyai:active {
transform: scale(0.95);
}
</style>