mirror of
https://github.com/ivabus/www
synced 2024-11-22 18:45: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>
|
</head>
|
||||||
|
|
||||||
<body>
|
<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" >
|
<nav class="navbar bg-dark navbar-expand-lg navbar-dark sticky-top my-auto" >
|
||||||
|
|
Loading…
Reference in a new issue