QUICK NEWS

{NEW} - A new css video is up.

{OLD} - New video courtesy of Skhilled, Thanks for posting it up.

Video of the week


Internal Links

SMF Sites

Quick Info

Css generator

Started by Bigguy, Mar 27, 2019, 12:53 PM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

Bigguy

I just used this to put a drop shadow on the 3 blocks on the front page and thought it was worth posting. Check it out. It does a bit more than just drop shadow for css:

https://www.cssmatic.com/
"It's the American dream....cause ya have to be asleep to believe it." - George Carlin

lesmond

Good find, bookmarked it :rgton

The only person who got all his work done by Friday was Robinson Crusoe

Skhilled

Very nice! Bookmarked! Thanks!

Bigguy

Hey, never a problem. :)
"It's the American dream....cause ya have to be asleep to believe it." - George Carlin

lurkalot

Quote from: Bigguy on Mar 27, 2019, 12:53 PMI just used this to put a drop shadow on the 3 blocks on the front page and thought it was worth posting. Check it out. It does a bit more than just drop shadow for css:

https://www.cssmatic.com/

That's a cool effect BG. Looks good.  I must say when  tried the same code you have it sort of made the content background look slightly wider than the title bg on those blocks.  I settled for a bottom shadow only atm. https://cctestsite.info/testsite3/index.php

Also noticed that generator give three lines of code, I only used one.  Why does it have the -webkit-box-shadow, and -moz-box-shadow, I didn't use them. Still seems to work in Firefox, Chrome, Edge, IE11.  I'm guessing they are for older browsers or something?

Bigguy

That looks good. Yeah, I would think older browser support...I guess, lol. Never thought about it really.
"It's the American dream....cause ya have to be asleep to believe it." - George Carlin

lurkalot

Quote from: lurkalot on Mar 31, 2019, 04:36 AMThat's a cool effect BG. Looks good.  I must say when  tried the same code you have it sort of made the content background look slightly wider than the title bg on those blocks.  I settled for a bottom shadow only atm. https://cctestsite.info/testsite3/index.php

Also noticed that generator give three lines of code, I only used one.  Why does it have the -webkit-box-shadow, and -moz-box-shadow, I didn't use them. Still seems to work in Firefox, Chrome, Edge, IE11.  I'm guessing they are for older browsers or something?

Thanks, just had a little read up and does seem it's for older browsers, so I've added the other two lines now just to be sure. lol..