Welcome To Snipplr
Everyone's Recent Snippets Tagged css
- All /
- JavaScript /
- HTML /
- PHP /
- CSS /
- Ruby /
- Objective C
designing a simple horizontal tab menu by using ul and il elements with css.
0
38
posted 7 years ago by codingforever99
One of the great methods to load and work with icons in web pages is to load one image that is a collection of several icons and use any icon as needed, that reduces the number of server request and save bandwidth.
1
31
posted 7 years ago by codingforever99
CSS to define an iframe to always be 100% of the container it's in.
0
16
posted 7 years ago by leodruker
Using the same code in different browsers can be displayed in different ways. Resetting styles will help you to avoid such problems.
0
31
posted 7 years ago by apphp-snippets
These 2 techniques can be used for alternating row-colors in a table.
0
21
posted 7 years ago by apphp-snippets
Today with CSS3, you no longer need a background image for gradients. You can use CSS to add a gradient to the background of some elements on your page. For ex.: change the color hex values ("84c8d7" and "327fbd") to the gradient color you need.
1
27
posted 7 years ago by apphp-snippets
This solution is based on Mozilla specific CSS extension. Other browsers will ignore this rule.
0
17
posted 7 years ago by apphp-snippets
This can be used in casting shadows off block-level elements like divs, tables etc. (still not supported in IE7 and IE8). Parameters (from left to right): horizontal offset of the shadow, vertical offset of the shadow, blur radius (optional), spread...
1
16
posted 7 years ago by apphp-snippets
Sometimes it's desirable to change a style of the first and/or last elements in a container. You can do this by manually applying classes to your HTML elements: ("last-child" still not supported in IE8).
0
18
posted 7 years ago by apphp-snippets
Usually when you're using different CSS files on your site, they might take a quite long to be loaded. Using this PHP code, you can compress them into a single file with no unnecessary white spaces or comments. Why we need to compress multiple CSS fi...
0
23
posted 7 years ago by apphp-snippets
Took bits and pieces of Responsive Boilerplate, using mobile first and progressively enhanced ideology to make a solid starting point for Responsive Design.
1
32
posted 7 years ago by dsuffern
These 2 techniques can be used for alternating row-colors in a table.
1
21
posted 7 years ago by apphp-snippets
In modern browsers select options can now be style using most css properties. Of course, IE is still behind but it does support some styling as well. There are a lot more options on the site.
0
21
posted 7 years ago by COBOLdinosaur
A simple message box created with only one div container with background and border color, some margin and padding for position the text message nicely, I set the width for 500px, you can change it to auto or any fixed value you want.
1
23
posted 7 years ago by codingforever99
allows itmings to be set for colour transitions if this is put into mouseover/ hover block.
1
19
posted 7 years ago by Dugzor
Using an image background for a photo allows all kinds of framing possibilities
0
17
posted 7 years ago by COBOLdinosaur
I needed a quick way to target high-resolution graphics. Here was my final solution
0
30
posted 7 years ago by chrisaiv
CSS code to add a CSS3 box shadow to the bottom of an element only.
0
22
posted 7 years ago by Huskie
CSS stylesheet template - including HTML5 reset, tweaks for mobile including media queries, print reset styles, and base styles for standardization
7
200
posted 7 years ago by rickygri