Ok, i see… that makes.

Arvanitis: Hamer: opacity is inherited

Arvanitis: Any decedents of body will have that opacity

Hamer: Hmm. I gotta find a way to fix this. So Arvanitis, even if I wrapped this all in a div it’d inherit the opacity from the div it’s wrapped in eh?

Arvanitis: Replace body with div in my previous statement :

Hamer: Yup thats what I thought

Arvanitis: Are you sure you should be iusing opacity at all?

Hamer: Arvanitis: You got any ideas that can help me? Everything I search says to use opacity, so I tried background color but then I remembered that only works for the background, so tehn I tried foreground color and then I rememberd that doesnt exist

Arvanitis: I don’t know what you’re trying to do. Have a URL?

Hamer: Bet, let me send live

Hamer: Dev.arashparsa.com/work when you hover over an IMG i want the background to dim and the image to pop out and be the only thing not dim

Hamer: I nailed everything but the dimming of the background

Hamer: I just need a way to dim dat background

Arvanitis: How about .hvr-grow a {display: block;} .hvr-grow a:hover::before {content: “”; position: fixed; z-index: 2; background: rgba0,0,0,.5; top: 0; bottom: 0; left: 0; right: 0;} or something

Arvanitis: Then the image needs a higher z-index – like 3

Arvanitis: That’s untested, but could be a good place to start

Inda: Hi, I have a button inside a cell of a table. How can I move it a bit towards right ? If I do this: padding-left: 20px; it increases the length of the cells for the whole column

Arvanitis: Sigdk: you can adjust the text-align of the cel

Ahlstedt: How do I get this submenu to animate nicely on hover?

Schopmeyer: Http://jsfiddle.net/ekxct0p2/

Kazakos: I want the submenu height to animate

Inda: Arvanitis, I want it a bit towards right. if I align to right, it will be too much

Hamer: Why is dimming a background impossible.

Arvanitis: Sigdk http://codepen.io/anon/pen/OyaQXg

Calta: Howd you get that from ‘dimming’

Arvanitis: Added some extra smarts

Arvanitis: He/she was asking before

Calta: You’re definitely an extra smarts

Arvanitis: Even more smarts added for Safari http://codepen.io/anon/pen/OyaQXg :

Hamer: Arvanitis: Nailed it, ur da bomb

Arvanitis: When you make a million bucks from your fancy CSS, come back and buy me a beer

Hamer: If it was worth a million bucks you wouldve never given it to me haha

Arvanitis: Knowledge without execution isn’t worth much

Hamer: I tried several variations

Arvanitis: Hamer: let’s not use ENTER as punctuation

Hamer: You guys say that, but all the same you’d be remiss to think you’d like to see gigantic walls of texts everywhere

Arvanitis: And consider that you may need to dissect the testcase I gave you, and that you may need to reconsider what you are doing currently

Calta: Arvanitis: i put together a teaser for my new thingie ive been working on

Mcqueen: So in that code you linked to, I’m looking at “.thing:hover::after” and while I get what it does, I’m wondering how that works… specifically the space between hover: and :after

Laliberty: I mean the space between the two colons

Hamer: Again, there is no space.?

Worsham: Can someone help me animate this transition?

Grad: Nevermind, no space… ok, even more confusing… how does two colons work?

Dermott: Oops.http://jsfiddle.net/y7vh4d4x/

Hamer: Sunyata208x: http://www.w3schools.com/cssref/sel_after.asp

Hamer: You won’t ever see ::hover

Tlatelpa: Ok, i see… that makes sense… yeah I’m seeing that there is new syntax for css3.