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.