Add a Stylish Floating Feedback Button to Your Website with HTML & CSS

by

This code creates a floating “Feedback” button on a webpage using HTML and CSS. The button is positioned fixed on the left side of the screen and rotates -90 degrees, making it appear vertically aligned.

Preview Output:
Floating Feedback Button HTML CSS Code
HTML Code:

<a href=”https://econvert.org/feedback/” class=”feedback-button”>Feedback</a>

CSS Code:
.feedback-button {
position: fixed;
background:#012675;
color:white;
font-weight:500;
border-radius: 0px 0px 10px 10px;
padding:0px 15px 0px 15px;
left: -41px;
top: 60%;
transform: translateY(-50%) rotate(-90deg);
z-index: 9999;}
.feedback-button:hover {
color: Yellow;
background:black;}
@media only screen and (max-width: 768px) {
.feedback-button {display: none; }}

Leave a Comment