CSS Coded Opacity Borders - Mandarin Design

#44 of 124 marked pages on the trail CSS Techniques by Marje
http://www.mandarindesign.com/boxes.html
Marje's comments
Create a 50% opaque border to the edge of a photograph. Nice effect. Works in FF, IE & Opera.
Other comments
There are no comments on this mark.
Similar Marks
CSS Opacity and Transparency (by Marje)
Mandarin Design: Text Tricks (by floweringmind)
Mandarin Design: Text Tricks - Flock (by dwane007)
CSS Text Tricks by Mandarin Design (by Marje)
A List Apart: Articles: Practical CSS Layout Tips, Tricks, & Techniques (by bluequint)
A List Apart: Articles: CSS Design: Creating Custom Corners & Borders (by bluequint)
A List Apart: Articles: CSS Design: Creating Custom Corners & Borders Part II (by bluequint)
Custom Double Solid Borders for Images | Css Globe (by Marje)
Stu Nicholls | CSSplay | More snazzy borders - Mozilla Firefox (by floweringmind)
Autotags for this Mark
absolved
accused
align
amp
andy
applied
background
bandages
barn
beige
border
boxes
calla
centered
cleanly
color
condemned
corruptly
criminal
css
demonstrate
div
edge
effect
einstien
fabric
float
font
gif
hauled
healing
height
img
imprimatur
jpg
juries
jury
mandarin
margin
nice
officiate
opacity
opera
ordeal
padding
paragraph
paste
pasted
photograph
pixels
prelude
rituals
solid
spacer
src
stu
style
triple
width
works
wounds
Marks in this trail
spriteNav - solarDreamStudios
A List Apart: Articles: Sliding Doors of CSS, Part I by Douglas Bowman
A List Apart: Articles: Sliding Doors of CSS, Part II by Douglas Bowman
Updated Simple CSS Tabs | silverorange labs - Mozilla Firefox
Easy Magazine Style CSS Drop Cap Tutorial - Mozilla Firefox
CSS drop shadow - Mozilla Firefox
Stu Nicholls | CSSplay | Experiments with cascading style sheets...
Spiffy Corners - Purely CSS Rounded Corners
Turning a list into a navigation bar | 456 Berea Street
Light Weight Low Tech CSS Tabs with Single Background Image
CSS Tabs Menu with Submenu
The Art of Navigation @ Dan Rubin’s SuperfluousBanter - An elegant horizontal CSS menu
Inline Mini Tabs - CSS navigation
A List Apart: Articles: Hybrid CSS Dropdowns
Andy Budd: Clearing Floats
Form Layout - The Man in Blue
CSS-Based Forms: Modern Solutions | Smashing Magazine
3D CSS buttons from CSS Library
Styling form controls with CSS, revisited | 456 Berea Street
Stylish submit buttons
Hoverbox Image Gallery
4 level deep CSS menu system from solarDreamStudios
Vertical CSS Menus from ExplodingBoy
Horizontal CSS Menus from ExplodingBoy
More Horizontal CSS Menus from ExplodingBoy
13Styles.com - css menu styles, high quality css menus, website ...
4 Level Deep CSS Menus . solarDreamStudios -
Horizontal CSS Menus - code & graphics
Listamatic: one list, many options - Using CSS and a simple list to create radically different list options
Vertical CSS Menus - code & graphics
Random Image Rotation - A List Apart
Random Image Rotator
Styling A Sitemap from diagrammes modernes
Veerle's blog | A CSS styled table
CSS For Bar Graphs
Three column list - Stu Nicholls | CSSplay |
Spring 2006 CSS Beefy Footers: CSS Reboot Trends | The Montoya Herald
The W3C CSS Validation Service
The W3C Markup Validation Service
Create a Block Hover Effect for a List of Links | Smiley ...
The ultimate css only dropdown menu - Stu Nicholls | CSSplay |
CSS Restaurant Menu with Dot Leaders
CSS Text Tricks by Mandarin Design
CSS Coded Opacity Borders - Mandarin Design
CSS Opacity and Transparency
Styling horizontal rules with CSS
CSS Design: Going to Print - Eric Meyer
Print style sheets: The basics (for no excuses) – Jens Meiert
PRINT: Cascading Style Sheets
Print Stylesheets - css-discuss
A CSS Framework - an excellent idea
Getting Rid of the Page Shift
CSS: Getting Into Good Coding Habits
Spruced-Up Site Maps from A List Apart: Articles:
CSS Drop Shadows I from A List Apart: Articles
CSS Drop Shadows II: Fuzzy Shadows from A List Apart: Articles
Onion Skinned Drop Shadows from A List Apart: Articles
Containing Floats by Eric Meyer
css-discuss.org
Alternative Style: Working With Alternate Style Sheets
70 Expert Ideas For Better CSS Coding | Smashing Magazine
Tabbed Navigation Using CSS
10 Quick Tips for an Easier CSS Life
Backgrounds from Digital Web
Adobe - CSS Advisor
Pull-quote Design Showcase | Smiley Cat Web Design
Nick Bradbury: TopStyle
CSS hover effect | Veerle's blog
Avoid HTML form spam using CSS « klauskjeldsen.dk
CSS Specificity: Things You Should Know
Simple Double Quotes
Clever rollover map functionality
13Styles.com - css menu styles, high quality css menus, website navigation menus
Stu Nicholls | CSSplay | CSS only menus
Fast Rollovers Without Preload | Horizontal Menu with a Single Background Image
Reducing HTTP Requests
CSS Juice » 10 Websites with Shabby Design Approach
CSS : List Boxes
Eric's Archived Thoughts: Reset Reloaded
CSS Centering - fun for all!
Alternate Style Sheets
Sliding Doors Horizontal Tabs Menu
Sliding Doors Vertical Menu
How to create VISTA style horizontal toolbar with CSS
Print.css and your website’s logo
CSS Sprites: What They Are, Why They’re Cool, and How To Use Them - CSS-Tricks
How to make sexy buttons with CSS
CSS Oval buttons - Dynamic Drive CSS Library
101 CSS Techniques Of All Time- Part 1
Simple CSS snippets for creating grid & column based layouts — Konstruktors / Main
CSSgallery.info » css shadows - images and boxes
woork: Socialiconize your site
Stu Nicholls | CSSplay | Cross browser tabbed pages with embeded links
CSS-based tab techniques - Noupe
CSS Tabs 2.0 | unraveled
Spring 2006 CSS Reboot Trends | The Montoya Herald
Css Globe | Web Standards Magazine
Vertical menu with line height demo
How to create VISTA style toolbar with CSS
CSS: List Boxes | Mike’s Experiments | MikeCherim.com
CSS: Text Shadows | Mike’s Experiments | MikeCherim.com
CSS: Simple Tabs | Mike’s Experiments | MikeCherim.com
Pure CSS Image Rollovers
Custom Double Solid Borders for Images | Css Globe
Example: 5 Ways to Style Unordered Lists
Css Menu Generator - TabCreatr
CSS Navigation Techniques (37 entries)
Making Your Footer Stay Put With CSS ~ Blog ~ FortySeven Media
Two CSS vertical menu with show/hide effects
Most used CSS tricks | StylizedWeb.com
Nice Drop caps with CSS | Onyx Design Weblog
Tomorrow's CSS Today: 8 Techniques They Don't Want You To Know [CSS Tutorials]
Multilevel Drop Down Navigation Menus: Examples and Tutorials
Toolbox:creations - Joomla Website Design, Development, Customization and Templates - Jooml.r Hits the Web(2.0)...
Joomla! Extensions Directory - JoomlaPack - AJAX powered backup and restore
HTML, xHTML and CSS Editor - TopStyle for Windows by NewsGator
CSS3 Previews
Introduction to CSS3
My CSS Menu - Menu Generator - horizontal menu, vertical menu
960 Grid System
SonSpring | 960 Grid System
960 CSS Framework - Learn the Basics » DivitoDesign
Ancient Tales of Wisdom
How To: Resizeable Background Image
Links
Go to this page
Trail summary
Marje's trails