?
Solved

jquery rounded corners with gradient

Posted on 2009-12-28
7
Medium Priority
?
772 Views
Last Modified: 2013-11-19
Hi All,

I'm looking for a JQUERY plugin that will allow rounded corners and gradient on a absolute positioned DIV with a fixed height & width.

Most rounded dont work with a set height (and i dont want to nest a DIV), and none i can find work with gradient.

I've been look at the script below, but can't seem to get it to do rounded and gradient.
http://www.malsup.com/jquery/corner/

Anyone know if there is one out there?


Many thanks in adv'
0
Comment
Question by:detox1978
  • 4
  • 3
7 Comments
 
LVL 16

Expert Comment

by:Robin
ID: 26131372
0
 
LVL 2

Author Comment

by:detox1978
ID: 26133960
it doesn't look like it does them at the same time.
0
 
LVL 16

Expert Comment

by:Robin
ID: 26144726
Did you look at the live link:

http://www.bioneural.net/wp-content/uploads/2008/02/corner-tests/nifty/nifty-test.html

It has rounded corners and a gradient?
0
Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
LVL 2

Author Comment

by:detox1978
ID: 26144758
yes i looked at the link.


it does both but not at the same time.


The link above the image already has gradient.
0
 
LVL 16

Accepted Solution

by:
Robin earned 2000 total points
ID: 26144824
Maybe this one will do? :

http://www.ruzee.com/content/liquid-canvas
0
 
LVL 2

Author Comment

by:detox1978
ID: 26144835
that looks like it would do the trick.

Will give it a further look.
0
 
LVL 2

Author Comment

by:detox1978
ID: 26145180
Thank that script works great.
0

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

JavaScript can be used in a browser to change parts of a webpage dynamically. It begins with the following pattern: If condition W is true, do thing X to target Y after event Z. Below are some tips and tricks to help you get started with JavaScript …
A while back, I ran into a situation where I was trying to use the calculated columns feature in SharePoint 2013 to do some simple math using values in two lists. Between certain data types not being accessible, and also with trying to make a one to…
Viewers will learn about basic arrays, how to declare them, and how to use them. Introduction and definition: Declare an array and cover the syntax of declaring them: Initialize every index in the created array: Example/Features of a basic arr…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).
Suggested Courses

749 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question