Skip to main content

CSS3.0 Maker – Get CSS Code For Border, Box Shadow Effects & More

 

We’ve reviewed a couple of CSS code generators before like Layer Styles and the ThemeShock CSS Drop Shadow Generator. Both are excellent but limited since they generate code for a single effect only. CSS3.0 Maker is a an auto CSS code generator that generates code for border, text shadow, box shadow, outline effects and skew, scale or rotate an element. You can work on multiple CSS files (different styles in each file) by creating different files. Code is downloaded as an HTML file and CSS is added as an internal sheet. The service tells you what version of Chrome, Firefox, Internet Explorer, Safari and Opera the effects will render in and which mobile devices will support it.

To create multiple files, you will be required to sign up for a free account. The service can otherwise be used without creating one. Oddly enough, the site lets you add more effects when you aren’t logged in. Additional effects that are available (when logged out) are Gradient, Animation and Transition effects. When used as an unregistered user, the site does not let you add multiple effects. If you choose to use the service without registering for an account, you will see a horizontal bar just below the site header that lets you select different effects.

CSS3.0 Maker

If you want to add multiple effects, sign up for a free account and create a file. You can create a file by clicking New File on the home page or by going to My Files. Enter a name for your file. Select Edit and all changes that you make are saved to this file. Go to the Home tab to start editing effects.

CSS3.0 file

To move between different effects, use the drop down menu on the Home tab. To change the color of the element and adjust its opacity, go to the RGBA effect. To add a border or change border styles, go to Border Radius. The Text Shadow and Box Shadow effects create a drop shadow effect behind the element or the text. You can skew and scale it from the CSS Transform effect and offset the border from the element from the Outline Offset effect.

Box Shadow  CSS 3

Once you’ve made all the changes and applied the effects you need, click Save and then Download, to download the file. Make necessary changes and you’ve got your CSS ready to go.

Testing CSS 3.0 Generator

Visit CSS3.0 Maker

Related Articles:
  1. Layer Styles CSS Generator Creates Shadow, Background & Border Effects
  2. Add Shadow Effect To Images With CSS3 Auto Code Generator
  3. Take Screenshots And Auto Add Shadow & Rotate Effects With QuickScreenshots

CSS3.0 Maker – Get CSS Code For Border, Box Shadow Effects & More
Fatima
Fri, 09 Sep 2011 11:57:17 GMT

Comments

Popular posts from this blog

Apple will disconnect ‘obsolete’ first-gen Apple TV from iTunes in May

Apple has announced today it will drop iTunes support for some older devices from May 25. This includes the first generation Apple TV, and also any PC running Windows XP or Vista. The company is introducing new security changes which will prevent those devices from using the latest version of iTunes.
Apple says that the original Apple TV is an "obsolete Apple product" and will not be updated to support security changes. Only those with the second generation of Apple TV or later will be able to access the iTunes store.
Windows XP or Vista users won't be able to use the latest version of iTunes, but older Windows computers can still use previous versions without support from Apple. Those who do so, however, won't be able to make new purchases or re-download previous purchases on that computer. If you're on on XP or Vista, you'll need to upgrade to Windows 7 or later to continue using iTunes normally.
The writing was already on the wall for these devices: Wi…

Windows 10: Microsoft retires HomeGroup

Microsoft plans to remove the HomeGroup functionality from its Windows 10 operating system. The company made the first step towards that goal in the most recent Insider Preview version of Windows 10 as it disabled it in that build.
In "a note about HomeGroup" in the release announcement of the Windows 10 Insider Build, Microsoft confirms that HomeGroup will be retired.
The company introduced HomeGroup in Windows 7 as a new option for home users to access printers, files, and media in home networks. The core idea was to assign all devices to a single HomeGroup to share access to files and printers between all devices.
It is unclear how popular the feature was and is. It is clear however that it was never the only option that Windows users had in this regard, and it was not the best either for certain use cases. You could not add Mac OS X or Linux devices to a HomeGroup for instance.
The end of HomeGroup
Easily connecting to and sharing the important pieces of your digi…

Microsoft Reportedly Replacing Outlook.com With Office 365

Microsoft might be thinking about replacing the technology and user interface of Outlook.com with Office 365 if a new report is to be believed. Apparently the company will be migrating all Outlook.com users to Office 365 at some point later this year. Office 365 brings other services as well which include Outlook Web Access. The question that surely must be on everyone’s mind is that why is Microsoft doing this? According to The Verge the reason behind this migration is to make sure that Microsoft Outlook, Exchange and Office 365 platforms are perfectly aligned. In favor of keeping things consistent Microsoft is going to go ahead and add the consumer Outlook.com to the mix as well. There has been speculation previously about impending major user interface changes for Outlook.com, Microsoft’s general manager of Office Apps Rob Lefferts suspected that much. It’s worth nothing that Microsoft hasn’t updated its consumer email service for quite a few months and it even showed the door to G…