mirror of
https://github.com/ivabus/www
synced 2024-11-25 17:15:06 +03:00
Floating Github Auth icon
This commit is contained in:
parent
7a1c4d98c9
commit
5372fecb15
1 changed files with 59 additions and 0 deletions
|
@ -34,6 +34,65 @@
|
|||
</head>
|
||||
|
||||
<body>
|
||||
<style>
|
||||
|
||||
.gf-container{
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
border-radius: 60px;
|
||||
display:flex;
|
||||
flex-direction:column;
|
||||
position: fixed;
|
||||
right: 15px;
|
||||
bottom: 15px;
|
||||
cursor: pointer;
|
||||
box-shadow: 0 0 0 rgba(204,169,44, 0.4);
|
||||
animation: pulse 2s infinite;
|
||||
z-index: 200;
|
||||
}
|
||||
|
||||
.gf-container:hover{
|
||||
animation: none;
|
||||
}
|
||||
|
||||
@-webkit-keyframes pulse {
|
||||
0% {
|
||||
-webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
|
||||
}
|
||||
70% {
|
||||
-webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
|
||||
}
|
||||
100% {
|
||||
-webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
|
||||
}
|
||||
}
|
||||
@keyframes pulse {
|
||||
0% {
|
||||
-moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
|
||||
box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
|
||||
}
|
||||
70% {
|
||||
-moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
|
||||
box-shadow: 0 0 0 10px rgba(204,169,44, 0);
|
||||
}
|
||||
100% {
|
||||
-moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
|
||||
box-shadow: 0 0 0 0 rgba(204,169,44, 0);
|
||||
}
|
||||
}
|
||||
|
||||
.github-icon{
|
||||
width: 60%;
|
||||
margin-top: auto;
|
||||
margin-bottom: auto;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<a href="https://github.com/apps/tea-xyz/installations/new" class="gf-container" style="background-color:#8EC7BF;">
|
||||
<img src="Images/github.svg" alt="" class="github-icon mx-auto">
|
||||
|
||||
</a>
|
||||
|
||||
|
||||
<nav class="navbar bg-dark navbar-expand-lg navbar-dark sticky-top my-auto" >
|
||||
|
|
Loading…
Reference in a new issue