DEV Community: Tromo SM

How to fix these old style on your button

Tromo SM — Sat, 15 Feb 2025 22:42:27 +0000

EXAMPLE

There are two ways

If you have don't have a border or an outline please use this method
If you have a border or an outline please use this method

Method 1 use this css code in your css file

Border:none;
Outline:none;

Method 2 *the text in brackets are instructions for you

/*{If you don't have one of border or outline replace the brackets with "none"}*/
Border:{Replace this with your border};
Outline:{Replace this with your Outline};

hover text only with html

Tromo SM — Sat, 15 Feb 2025 07:29:13 +0000

Please understand this can't be customized with css

You can simply use it like this in your element

<h1 title="Example text">Hover over me</h1>

Google search hover animation

Tromo SM — Sun, 26 Jan 2025 01:34:12 +0000

this is how you can get the scale animation that google search image animation.

This animation uses scale animation inside a Div so the sizing never changes

The image is called "imgg" and the Div (the container of the image) is called "imff"

https://codepen.io/pen?template=OPJJOpB