Afisare iconite la mouse hover?

[+Xep]

Buna seara, ma puteti ajuta si pe mine, am urmatorul cod :

<div id="Nnume"><a href='#'><i class="fa fa-pause-circle-o"></i></a></div>

Bun, cand ma duc cu, cursorul pe el ( hover ) vreau sa mi se ridice inca 3 cercuri asemanatoare si nu stiu cum sa fac

css:

#Nname {
	z-index:1;
	text-align:center;
	margin:0;
	height:40px;
	width:40px;
	line-height:40px;
	background:#cc0000;
	font-size:15px;
	position:fixed;
	right:10px;
	bottom:40px;
	opacity:1;
	border-radius:60px;
	transition:all 0.3s, margin-bottom 0.1s;
}


#Nname:hover {
	opacity:1;
	background: red;
	box-shadow:0 0 10px black;
}

Multumesc !

[gaby]

Nu am inteles ce vrei sa faci, dar am observat ca div-ul ia proprietatiile din Nnume iar in css de fapt ai Nname.

[+Xep]

Da, acolo am gresit, poftim o poza, poate intelegi la ce ma refer

E ca si cum as face un buton de start, cand tin cursorul pe el se ridica 3 cercuri, pe alea vreau sa adaug un font awesome si un link

http://i.imgur.com/3nPTXFO.png

 

Edited March 10, 2016 by Xep

[gaby]

Am inteles, la ceva de genul ma gandeam. Vezi aici: http://pctroubleshooting.ro/topic/32852-imagine-cu-link-catre-2-pagini/