TeckNexus Magazine | Private Networks Strategies | Seite 51

Sie befinden sich hier:

Start
News
TeckNexus Magazine | Private Networks…

/* Floating Button Styling */
.floating-button {
position: fixed;
bottom: 14%; /* Unteres Drittel des Bildschirms */
right: 0px; /* Abstand vom rechten Bildschirmrand */
width: 90px;
height: 75px;
background-color: rgba(0, 97, 48, 0.8);
border: none;
border-radius: 5px;
cursor: pointer;
transition: all 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-weight: 700;
z-index: 999; /* Neues Attribut für die z-Index-Einstellung */
transition: all 0.3s ease; /* Hinzugefügt für einen sanften Übergang */

}

/* Hover-Effekt */
.floating-button:hover {
background-color: rgba(0, 97, 48);
padding: 0 20px;
right: 0;
width: auto; /* Änderung auf automatische Breite */
opacity: 0.9; /* Leichte Transparenz hinzugefügt */
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* Schatten hinzugefügt */
}

/* Icon Styling */
.floating-button i {
font-size: 24px;
margin-right: 8px;
}

/* Text Styling */
.floating-button span {
display: none;
}
.floating-button a{
color: white;
}
.floating-button:hover span {
display: inline;
}

TeckNexus Magazine | Private Networks Strategies | Seite 51

Weitere Beiträge