Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Rounded corner, gradient filled boxes

Featured Replies

Hello

 

I want to have several gradient filled, rectangular cornered boxes of text, with transparent edges to sit over a coloured background.(all with fixed sizes 224w x 140h)

 

I do not have any Adobe products, but have used Paint.net to produce a suitable box image. I saved this as a 'gif' type file and it seems to work OK.

 

However, I am going to start an Illustrator course at the weekend and was wondering if that program would be better suited to my needs ... maybe producing a better cornered box. Certainly, with Paint.net, there is only one radius size for the corners and I assume Illustrator has many options.

 

Any advice would be appreciated.

 

Regards !

  • Author

Thanks Gibbs for your reply

 

When I first got paint.net, I read about Gimp, but there seemed to be installation problems, so I didn't bother with it.

 

I'll try tomorrow with Illustrator, then maybe try to download Gimp too.

 

 

Regards !

 

I also want to decide on a font for my page heading, but that is certainly a job for Illustrator.

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.