|
Post by aurion on Nov 27, 2013 7:13:53 GMT -8
Hi! So I've been hunting through the CSS w3schools site thing, wanting to learn more about coding. Looking up the supported css codes I noticed -webkit-transition, which is, I think the cool one that lets you add a variety of really neat effects. (Common one is the hover effect for tables/templates) While creeping through all the jargon, I came across this. www.w3schools.com/css/tryit.asp?filename=trycss3_transition2 I've been trying for some hours to duplicate the effect, but it's not working. @_@ [div style="width:100px;height:75px;background-color:red;border:1px;transition:width 2s, height 2s, transform 2s;-webkit-transition:width 2s, height 2s,-webkit-transform 2s;"][/div]
Up to there, it works fine, as in, the code doesn't vanish when I move to Preview from BBcode. But nothing happens. It's just a box. The part of the coding I'm having trouble with is actually getting the effect to work-- it says to use transform:rotate(180deg);-webkit-transform:rotate(180deg); but nothing happens? I tried 180px; and shoving it in different bits of the code, but it always either vanishes, or just doesn't do anything. What am I missing? Is it just that this doesn't work in Proboards 5? This is really confusing. @___@;;
|
|
gloria luciferis in excelsis
|
Post by THE LEVIATHAN on Nov 27, 2013 7:56:57 GMT -8
First of all, what browser are you using? From what I understand, -webkit works for Safari and Chrome. You need -moz for Firefox.
You also need the style tag plugin by iPokemon if you're going to do any hover effect for Proboards v5. The style tags we use right now don't recognize class names or id's, so you can't utilize a hover effect because a hover is done like:
id name: hover
Tag me in a response if you need some more assistance.
|
|
|
Post by aurion on Nov 27, 2013 8:05:16 GMT -8
Oooh okay! Thank you very much!
|
|
gloria luciferis in excelsis
|
Post by THE LEVIATHAN on Nov 27, 2013 8:20:31 GMT -8
No problem, glad I could help!
|
|