QUICK NEWS

{NEW} - A new css video is up.

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

Video of the moment:


Internal Links

SMF Sites

Quick Info
Cookies help us provide you a better browsing experience. By using our site, you consent to the use of cookies by us.
OK Learn more

Css generator

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

Previous topic - Next topic

0 Members and 3 Guests are viewing this topic.

Go Down Pages1

Bigguy

Mar 27, 2019, 12:53 PM
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

#1
Mar 27, 2019, 04:09 PM
Good find, bookmarked it :rgton

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

Skhilled

#2
Mar 28, 2019, 08:16 AM
Very nice! Bookmarked! Thanks!

Bigguy

#3
Mar 28, 2019, 08:36 AM
Hey, never a problem. :)
"It's the American dream....cause ya have to be asleep to believe it." - George Carlin

lurkalot

#4
Mar 31, 2019, 04:36 AM
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

#5
Mar 31, 2019, 07:02 AM
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

#6
Mar 31, 2019, 07:22 AM
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..
Go Up Pages1