i’m trying to put a drop shadow on a website to make the content stand out more. in the css i have the image with the drop shadow repeating down the center, but the tiles don’t mesh together seemlessly. For some reason at the top and bottom edge of each tile the drops shadow feathers out less. is there an option to make the shadow consistent across the whole edge?
screenshot ?
short answer is i don’t think so. You can make the object a little bigger than you need and then crop it once you’ve applied the drop shadow… then you’re essentially just cutting off the bit that fades out. But you have to do this after you’ve saved (or rasterize the shadow) or it will just reshape the shadow to fit the smaller object.
Or if it’s consistent all the way along, you could paint your own underneath with an airbrush, fully feathered. not as ‘flexible’ but works fine for some stuff.
ok thanks!
Was this what you were trying to accomplish? Or am I missing something?
yah thats what i’m trying to do, but i’m using CSS to tile it down the center. on the top and bottom of each tile the drop shadow fades and comes back up on the next tile
I’ve used CSS to vertically repeat the background image down the page. Post what you have so far so I can see what is going wrong.
oh spyderfx, that should work fine… you just need to crop the image so the top and bottom aren’t included. you can do a tile like that with a really thin image (i.e down to 1px tall which is what that one is).
1px high/wide crop ?
or maybe a screenshot.
ok thanks guys! works fine now
