Welcome to BeerMoneyForum.com - BIGGEST MAKE MONEY FORUM ONLINE

Join us now to get access to all our features. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, and so, so much more. It's also quick and totally free, so what are you waiting for?
Blue
Red
Green
Orange
Voilet
Slate
Dark
  Guest viewing is limited

How to hover in CSS

hackeri_ir

Newbie Member
LV
0
 
Joined
Aug 5, 2018
Messages
7
Reaction score
0
Points
0
Age
25
Location
iran
BMF Points
$0
Rating - 0%
0   0   0

Hello , in this post i want to tell you how you should Hover a text , image , background ... in CSS

what is hover meaning?

it means when you go on that element it changes. like "width,height,rotate"

1. First need a class for element

Code:
<html>
<head>
<style>

</style>
</head>
<body>

// Paragraph
<p class="para"> Hello World </p>

</body>
</html>

2. now we make it hover

Code:
<html>
<head>
<style>

.class {font-size:10px;}

// When we hover mouse on paragraph it goes bigger
.class:hover {font-size:15px;}

</style>
</head>
<body>

// Paragraph

<p class="para"> Hello World </p>

</body>
</html>

if you want to hover any type of tag or element , choose a class for it and do it.

how to make hover timing?
for this you can use "transition:(number)s" CSS.

Code:
<html>
<head>
<style>

.img {transition:1s;}
.img:hover {width:200px;height:300px;transition:1s;}

</style>
</head>
<body>

// Image

<img src="image.png" class="img">

</body>
</html>
 
Thanks for the info!

Just for adding the info, there are some other methods that can be applied, such as :active for active link, :visited for visited link, etc.
 

📢 Recommended Partners

MGID - Native Performance & Programmatic Advertising Platform MGID Team
0.00 star(s) 0 ratings
Updated
Roobet.com | Crypto’s Fastest Growing Casino 🦘 Roobet.com
0.00 star(s) 0 ratings
Updated
Duckdice.io - Top Crypto Gambling - Bitcoin Dice DuckDice.io
0.00 star(s) 0 ratings
Updated
BMFAds.com - Advertise and Monetize Your CPC, CPM, POP Traffic BMF Staff
4.00 star(s) 4 ratings
Updated

banner

REWARDS: Active Raffles


  • 🤑 Roll 3: Win 100,000 BMF Points!

    The entry period for this raffle ends in..
Back
Top Bottom

Earnings Disclaimer:  All the posts published herein are merely based on individual views, and they do not expressly or by implications represent those of BeerMoneyForum.com or its owner. It is hereby made clear that BeerMoneyForum.com does not endorse, support, adopt or vouch any views, programs and/or business opportunities posted herein. BeerMoneyForum.com also does not give and/or offer any investment advice to any members and/or it's readers. All members and readers are advised to independently consult their own consultants, lawyers and/or families before making any investment and/or business decisions. This forum is merely a place for general discussions. It is hereby agreed by all members and/or readers that BeerMoneyForum.com is in no way responsible and/or liable for any damages and/or losses suffered by anyone of you.