CSS inner shadow, only one corner, not one side

Question

I wonder if it is possible to have an internal shadow effect on only one corner, and not on one side?

Rough as shown below.

-------------------------- | | | | | -| | ---| | ------|<-shadows | ---------| -------------------------- 

Thanks so much for your advice.

Answer 1

You can make the shadow a gradient ... From the background color to the color you want to achieve. Use inset on your css so that the shadow appears inside the field and use http://www.colorzilla.com/gradient-editor/ to "create" the hexadecimal gradient code.