html - Set "text content" in CSS when user is holding mouse on a price plan -
i have created price plan css , html overlay effect. now, want add text content when user hover 1 of plans , should "choose plan." have tried adding "content" variable on .green:after
, works, can't figure out how align middle.
how should proceed?
you should add .green:after
- text-align: center
align text horizontally , padding-top
make inside margin in block.
for example:
.overlay:after { position: absolute; content:"money"; top:0; left:0; text-align: center; padding-top: 65px; width:100%; height:100%; opacity:0; }
Comments
Post a Comment