background preloader

CSS Reference

CSS Reference
W3Schools' CSS reference is tested regularly with all major browsers. CSS Properties CSS Property Groups The "CSS" column indicates in which CSS version the property is defined (CSS1, CSS2, or CSS3). Color Properties Background and Border Properties Basic Box Properties Flexible Box Layout Text Properties Text Decoration Properties Font Properties Writing Modes Properties Table Properties Lists and Counters Properties Animation Properties Transform Properties Transitions Properties Basic User Interface Properties Multi-column Layout Properties Paged Media Generated Content for Paged Media Filter Effects Properties Image Values and Replaced Content Masking Properties Speech Properties Marquee Properties

http://www.w3schools.com/cssref/default.asp

Related:  Geradores & CódigosPHPangelinasmithyackeyGUIAS-MANUALES WEB

Depth And Nice 3D Ribbons Only Using CSS3 we learned how to realize a nice 3D ribbon and how to play with the drop shadow in Photoshop to simulate depth in a web design layout. This is a widespread trends in recent web design: creating a 3D perception in a website and simulating a “world” in three dimensions are two great ways for the designers to play with their skills. Sure? Yes, it’s possible to create a simple and nice (3D) layout playing with some CSS3 properties, only using code and without the help of Photoshop.

12 Things You Can Do with Lectora and Code Reading Time: 2 minutes I presented at my organizations quarterly Lectora brownbag luncheon this week on using Lectora and code (HTML/CSS/and JavaScript). It was a lot of fun preparing and I believe (hope!) that everyone found it useful. I wanted to post the presentation here as a demo of the types of things I have done and hope to do with code in Lectora. Add a Touch of Realism to Your Google Maps Using the Google Maps API is one of the most popular (if not the most popular) way to show geo-locations on today's websites. In this tutorial I'll demonstrate how I give my google maps a more realistic look and I'll give you some tips on how to make your own maps really shine! Step 1: Warming Up Our aim is to give the map a realistic look, while still allowing the user to zoom and pan it. We're going to obtain this effect by creating a semi-transparent .png image that will mask the map, then we'll use some CSS to position it on top of the map.

Animated Buttons with CSS3 Still hyped by the possibilities of CSS3, I want to share some CSS3 button experiments with you. The idea is to create some animated link elements with different styles, hover effects and active states. View demo Download source Pseudo-classes pseudo-class is a keyword added to selectors that specifies a special state of the element to be selected. For example :hover will apply a style when the user hovers over the element specified by the selector. Pseudo-classes, together with pseudo-elements, let you apply a style to an element not only in relation to the content of the document tree, but also in relation to external factors like the history of the navigator (:visited, for example), the status of its content (like :checked on some form elements), or the position of the mouse (like :hover which lets you know if the mouse is over an element or not). Syntax How to read CSS syntax.

Expanding Image Menu with jQuery In today’s tutorial we will create an expanding image menu with jQuery. The idea is to have some columns with black and white image slices that will make a content area slide out when we click on them. We will also slide in the colored version of the image, creating a neat […] Multiple Backgrounds with CSS3 Home / CSS3 Previews / Multiple Backgrounds with CSS3 CSS3 allows web designers to specify multiple background images for box elements, using nothing more than a simple comma-separated list. Browser support for multiple backgrounds is relatively widespread with Mozilla Firefox (3.6+), Safari/Chrome (1.0/1.3+), Opera (10.5+) and even Internet Explorer (9.0+) all implementing the feature. Here’s a basic example: This box has two background images, the first a sheep (aligned to the bottom and center) and the second a grass and sky background (aligned to the top-left corner).

CSS3 Filters: Altering HTML and Images with just CSS CSS3 Filters are a quite interesting offshoot from SVG, allowing you to modify HTML elements and images with blurs, brightness and a lot more. In this quick tutorial we’ll go over exactly how they’re going to work. Using just CSS we can accomplish some pretty complicated effects. These should be applicable to both images and HTML elements, but obviously browsers will vary for the foreseeable future. The property used to control all of this stuff is filter. 40 Super-Neat JavaScript Plugins - Tuts+ Code Article The right combination of JavaScript plugins can turn a simple website into a fantastic one - all while requiring minimal work on your behalf. Today, we'll review forty of the most popular plugins available. If we missed some, let us know in the comments!

Dailymarkup.com - Plugin Repository Dailymarkup Development Blog Key Features: Keyboard Navigation (arrowkeys + ESC) Highly Customizable Autoplay Todo Accessible Todo Cross Browser Compatibility CSS transitions, CSS transforms and CSS animation Browser Support for CSS transitions How to use transitions If you haven't used transitions before, here's a brief introduction.

Related: