Dec 06, 2019, 08:26 AM

News:

Have you backed up YOUR database today


QUICK NEWS

{NEW} - A new tutorial for Github is ready for your veiwing in the articles section.

{OLD} -New boards have been introduced. Stop on in and check it out.

Video of the week


Internal Links

SMF Sites

Quick Info

Css generator

Started by Bigguy, Mar 27, 2019, 01: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/

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. :)

lurkalot

Quote from: Bigguy on Mar 27, 2019, 01: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.

lurkalot

Quote from: lurkalot on Mar 31, 2019, 05: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..