you mean?
#powerTip {
border: 1px solid red;
}
#powerTip.n:after {
border-top: 10px solid red;
border-top: 10px solid red;
bottom: -10px;
}
#powerTip.n:after {
border-right: 7px solid transparent;
border-left: 7px solid transparent;
left: 50%;
margin-left: -7px;
}
#powerTip:after {
z-index: 2;
content: "";
position: absolute;
}
#powerTip:before{
z-index: 3;
}
Thread Starter
Derek
(@kered316)
One more thing since I am asking, any way to add a drop shadow?
Your mean?
#powerTip {
box-shadow: 3px 3px 10px rgba(0,0,0,0.5);
}
Thread Starter
Derek
(@kered316)
Awesome, that works! Thanks!
But, I notice the little arrow part of the pop up, the part that points to the hot spot, does not have the border on it. Is there a way to, so it doesn’t looks like a space in that border area in the pop up?
