Tag: css

CSS Button | Hover Animation

<style> @media (max-width: 480px) .entry-footer a { font-size: 10px; } body, input, button, select, textarea { font-family: "Lato",sans-serif; } @media (max-width: 767px) .entry-footer a { font-size: 11px; } body { font-style: normal; font-weight: 400; /* color: hsl(0,0%,25%); */ background-color: #f3f3f3; } .entry-footer a:hover { border-color: rgba(0,0,0,0.25); background-color: #fff; } .entry-footer a:active { border-color: rgba(0,0,0,0.25); background-color:

How to create a text with a gradient background in html using a div?

We all love those gradients when we want to show a text in the background. With the below simple css snippet, you can create a simple text with a gradient background.   <!DOCTYPE html> <html lang="en"> <head> <title>Hell</title> <style> .gradientbackground { color: white; font-size: 40px; font-family: Arial; text-align: center; background: #21314b; background: linear-gradient(to right, #21314b