franpcode/Visit-counter
1
0
Fork 0
mirror of https://github.com/FranP-code/Visit-counter.git synced 2025-10-12 23:52:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

HTML y CSS de la pagina para definir la cantidad de visitas listos

Browse Source
This commit is contained in:
Francisco P
2021-05-23 18:52:36 -03:00
parent d1cc880a25
commit 7601ad829e
6 changed files with 200 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
style.css
View File

@@ -62,4 +62,70 @@ h2 {
.amount {
padding-top: 20px;
font-size: 25pt;
}
a {
text-decoration: none;
color: inherit;
}
/* */
button {
border: none;
}
button:focus {
border: none;
outline: none;
}
/* Credits: https://www.codegrepper.com/code-examples/css/how+to+remove+button+decoration
/* */
button:active {
overflow: none;
}
button {
background-color: #465158;
color: #2f3542;
box-shadow: 5px 5px 0px 0 #3c464d;
font-weight: bold;
width: 300px;
height: 75px;
position: fixed;
top: 20px;
left: 82%;
transition: color ease-in-out 0.4s, background-color ease-in-out 0.4s, box-shadow ease-in-out 0.4s;
-webkit-transition: color ease-in-out 0.4s, background-color ease-in-out 0.4s, box-shadow ease-in-out 0.4s;
-moz-transition: color ease-in-out 0.4s, background-color ease-in-out 0.4s, box-shadow ease-in-out 0.4s;
-ms-transition: color ease-in-out 0.4s, background-color ease-in-out 0.4s, box-shadow ease-in-out 0.4s;
-o-transition: color ease-in-out 0.4s, background-color ease-in-out 0.4s, box-shadow ease-in-out 0.4s;
}
button:hover {
background-color: white;
color: #286cff;
box-shadow: 5px 5px 0px 0 #979797;
transition: color ease-in-out 0.4s, background-color ease-in-out 0.4s, box-shadow ease-in-out 0.4s;
-webkit-transition: color ease-in-out 0.4s, background-color ease-in-out 0.4s, box-shadow ease-in-out 0.4s;
-moz-transition: color ease-in-out 0.4s, background-color ease-in-out 0.4s, box-shadow ease-in-out 0.4s;
-ms-transition: color ease-in-out 0.4s, background-color ease-in-out 0.4s, box-shadow ease-in-out 0.4s;
-o-transition: color ease-in-out 0.4s, background-color ease-in-out 0.4s, box-shadow ease-in-out 0.4s;
}
button:active {
box-shadow: 0px 0px 0px 0 #979797;
transition: none;
transform: translate(5px, 5px);
-webkit-transform: translate(5px, 5px);
-moz-transform: translate(5px, 5px);
-ms-transform: translate(5px, 5px);
-o-transform: translate(5px, 5px);
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
}