Welcome To Snipplr
Everyone's Recent Snippets Tagged background
- All /
- JavaScript /
- HTML /
- PHP /
- CSS /
- Ruby /
- Objective C
Using a combination of background and padding styles to modify the way list image styles are applied.
0
976
posted 10 years ago by bcounts
A simple effect using simple CSS. This is part of a collection of gradient effects
0
1050
posted 10 years ago by COBOLdinosaur
Each image is positioned, dimensioned, and repeated according to the comma separated values in the other background properties. The images in the list are layered front to back in the same order they are listed in the rule declaration. If a backgroun...
0
1077
posted 11 years ago by COBOLdinosaur
Used to stretch a video / image to fill a background without skewing. Attach to resize events
0
948
posted 11 years ago by rickygri
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
922
posted 11 years ago by apphp-snippets
Adding alternating row of color to make proc report output easier to read.
0
1185
posted 12 years ago by webonomic
adds a checkered background to images, so images with transparency are revealed.
based upon: http://lea.verou.me/css3patterns/#checkerboard
0
1312
posted 12 years ago by shangle
jQuery
Cross Browser CSS sprites (for hovers, clicks, active state change via background position change)
Creating sprite buttons often had problems with different browsers.
This is a solution to get background positions in each browser for further manipulation.
1
949
posted 12 years ago by bernhardb
Funció que agafa les mides de la pantalla i redimensiona proporcionalment una imatge per a que s'adapti a ella.
0
823
posted 13 years ago by hectorlorenzo
HTML should look like this:
<div>
<p>Lorem ipsum here</p>
</div>
<div>
<img>
</div>
0
894
posted 13 years ago by a1ias
Make the background attached to the body as fixed such that it does not scroll along with the content of the page.
0
714
posted 13 years ago by maxjerin
Note that this approach DOESN'T maintain the image's aspect ratio. For a pure CSS technique that does that you need a CSS3 approach.
0
815
posted 13 years ago by f6design
UPDATE: The original code posted produces an error in IE9 on Windows 7. Please use the following snippit instead.
If you need to embed a flex application inside another swf, the flex background (even if alpha=0) will not allow your cursor to inter...
0
745
posted 13 years ago by scottwatkins