|
Post by ✈ATELIER on Jul 6, 2014 9:15:47 GMT -8
Hey! As title entails: how do I make the hover effect in a post (for proboards)? I've seen the "newclass" tags, but they're always different. So, rather than use someone else's code, I was wondering how I'd be able to code this myself. I use Google Chrome most of the time (if not, I'll rarely use Mozilla for certain games I play). If there's any other info I could mention, please ask as I'm not sure what to give. ^^; Thanks for your help, O'wise grasshoppa!
|
|
Phantom of the Black Parade
|
Post by Kuroya on Jul 6, 2014 9:27:43 GMT -8
Most hover effects can be achieved from a newclass. You have the base class, for example Class1 with [*newclass=.class1]width: 100px; height: 100px; border-radius: 10px; transition: .6s; overflow: hidden;[*/newclass] And then you add in a hover by [*newclass=.class1:hover]width: 300px; transition: .6s; overflow: visible;[*/newclass]. The simple way to then trigger it is to place it where you use it through the method of [*div][*attr="class","class1"]Content goes here[*/div]
The example there is an extremely basic one that would make an expanding width, but the simplicity is because you want to keep in mind that mobile users will not see any hover effects since plugins don't work on mobile, thus you want most of your real styling by divs unless you just don't care.
The main things you're going to need is to specify a transition, which I think there's a -webkit-transition, but I'm not certain since transition seems to work on almost all browsers.
|
|