Welcome!

Welcome to the official BlackBerry Support Community Forums.

This is your resource to discuss support topics with your peers, and learn from each other.

inside custom component

Web and WebWorks Development

Reply
Contributor
sunwebsite
Posts: 43
Registered: ‎09-09-2011
My Device: 9900
My Carrier: airtel

Box shadow and Linear Gradient not appearing perfectly.

Box shadow and Linear Gradient is not appearing perfectly on blackberry 6.0 (9800 Device). Here I have written a code to make a div appearance as smooth and slicker effect.

 

.ui-caption {
	background:rgba(255,255,255,0.5);

	-moz-box-shadow: 0 0 12px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 12px rgba(0,0,0,0.3);
	box-shadow:0 0 12px rgba(0,0,0,0.3);
	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#d5d5d5), to(#fff)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #d5d5d5, #fff); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #d5d5d5, #fff); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #d5d5d5, #fff); /* IE10 */
	background-image:      -o-linear-gradient(top, #d5d5d5, #fff); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #d5d5d5, #fff);
}

 

Please suggest me what is wrong in that code. Or Does Blackberry 6.0 have the support to Gradient and Shadow?

Please use plain text.
New Developer
shivam284
Posts: 108
Registered: ‎01-23-2012
My Device: torch,bold,curve,strom
My Carrier: Blackberry

Re: Box shadow and Linear Gradient not appearing perfectly.

Hope this codes will help you:

For Box Shadow:

div
{
box-shadow: 10px 10px 5px #888888;
}

 

Use this link to get help of the Box Shadow:
http://www.w3schools.com/cssref/css3_pr_box-shadow.asp

 

For Linear Gradient:

background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#000));

 


Use this link to get help of the Linear Gradient:
http://webdesignerwall.com/tutorials/cross-browser-css-gradient

Thanks & Regards,
Kumar Shivam 

Thanks & Regards,
Kumar Shivam
Please use plain text.
Trusted Contributor
NitishSubudhi
Posts: 166
Registered: ‎12-09-2011
My Device: 9550,9300,9800,9700,9900,9850,9860

Re: Box shadow and Linear Gradient not appearing perfectly.

Yes, Kumar Shivam is correct,
And i am sure that it will work.

Thanks Shivam For Posting valuable post. 

Thanks & Regards,
Nitish Subudhi

Feel Free To Press The Like Button On The Right Side To Thank The User That Helped You.
Please Mark Posts As Solved If You Found a Solution.
Please use plain text.
New Developer
shivam284
Posts: 108
Registered: ‎01-23-2012
My Device: torch,bold,curve,strom
My Carrier: Blackberry

Re: Box shadow and Linear Gradient not appearing perfectly.

Thanks Nitish!

Thanks & Regards,
Kumar Shivam
Please use plain text.