Chuleta para crear formas simples con CSS3 – Auto

Las siguientes formas no son imágenes, sino CSS que incluye algunas de las últimas propiedades del estándar. Puedes probar a descargarlas, pero sólo para comprobar que efectivamente sólo tenemos ante nosotros fondos, bordes y unas pocas curvas.



Sabiendo que en una capa con ancho o alto igual a cero los bordes sí que se muestran del ancho con que se definan, que estos se solapan formando ángulos que pueden ser a su vez redondeados y como no, con un poco de lógica, se pueden construir estas y otras muchas más formas simples... o más complicadas.

La cosa funciona con undiv vacío al cual le hemos asignado unaID. Previamente, a esaID le hemos asignado una serie de propiedades CSS. Por ejemplo, lo que parece un banderín violeta (que me perdonen la señoras por miincultura sobre los colores) se construiría con este código.

En la parte CSS de nuestra plantilla incluimos la IDbookmark-ribbon y sus propiedades:

#bookmark-ribbon {
width: 0;
height: 100px;
border-left:50px solid purple;
border-right: 50px solid purple;
border-bottom:35px solid transparent;
}

Y dónde queramos que aparezca la forma, se colocaría una capa como esta:

div id="bookmark-ribbon"/div

Experimentando un poco sobre este tipo de código, podéis comprobar mejor cómo funciona, pero por si acaso, en Land of Web han sido tan amables que han recopilado 36 de estas en una estupenda hoja de ayuda que incluye el código CSS ilustrado con la imagen que podremos formar ►CSS3 Simple Shapes – Cheat Sheet.

CSS3: Como es habitual, sólo disponible en los navegadores más modernos...

Dwi lawyer mesothelioma attorney florida benchmark lending dui lawyer scottsdale CAR INSURANCE QUOTES COLORADO hosted predictive dialers Online casino Php programmers for hire Donating Used Cars to Charity buy gift card Best criminal lawyer in Arizona Bankruptcy lawyer sell your structured settlement payments Car Insurance Quotes MN DUI lawyer Proud Italian cook structured settlement buyer donating used cars to charity event management security earthlink business internet Criminal defense lawyer Donate Cars in MA asbestos lung cancer Online Christmas cards DONATE A CAR IN MARYLAND CAR ACCIDENT LAWYERS Home phone internet bundle houston tx auto insurance Casino Forex Trading Platform New social media platforms Custom WordPress theme designer mesothelioma law suits Donate Car for Tax Credit firm law mesothelioma auto accident lawyer san francisco st louis mesothelioma attorney Gas/Electricity Futuristic Architecture AUTO ACCIDENT ATTORNEY life insurance quotes mortgage adviser Mobile casino Casino reviews email bulk service Massage school Dallas Texas primary pulmonary hypertension Custom Christmas cards forensics online course accident attorneys orange county Online Colleges compare life assurance car crash attorneys Make money online Australia Adobe illustrator classes Cheap Car Insurance in Virginia structured settlement broker Social media tools Live casino Hire php developer Donate Car to Charity California mesothelioma care Hire php developers Hire php programmers PHD IN COUNSELING EDUCATION Criminal lawyer Best social media platforms Business finance group Mesothelioma Law Firm Service business software lawyers accidents adverse credit remortgage Html email Best social media platforms for business car insurance quotes mn world trade center footage mesothelioma attorney directory sell my structured settlement Auto Accident Attorney Donate car to charity California dallas mesothelioma attorneys MASSAGE SCHOOL DALLAS TEXAS Best Seo company CAR INSURANCE QUOTES PA structured settlement investments Health Records Personal Health Record Personal Injury Law Firm Computer science classes online better conferencing calls Photo Christmas cards california motorcycle accident lawyer Php programmers Seo companies Forensics Online Course Seo company online motor insurance quotes houston mesothelioma attorney federal criminal defense attorney Social media platforms for business Asbestos Lawyers car insurance quotes pa Seo services How to Donate A Car in California Asbestos Lung Cancer Online classes car accident lawyers west palm beach World Trade Center Footage Structures Annuity Settlement Psd to WordPress DONATE CAR FOR TAX CREDIT Business management software Psychic for Free mesothelioma drug Attorney Email Bulk Service google adsense Mortgage adviser accident car florida lawyer donate your car for kids Online colledges Email bulk service Car Insurance Companies Home Phone Internet Bundle Paperport Promotional Code Criminal Defense Attorneys Florida WordPress themes for designers WordPress hosting Royalty free images stock Motor replacements Car Accident Lawyers Social media examiner Donating a Car in Maryland Social media management DONATE YOUR CAR FOR MONEY personal injury attorney springfield mo Tech school car accident lawyer san bernardino buy structured settlements royalty free images stock Social media platforms Online Motor Insurance Quotes Christmas cards Psd to html Italian cooking school ONLINE COLLEDGES mesothelioma symptoms Met auto WordPress theme designers MET AUTO SELL ANNUITY PAYMENT Social media strategies Learning adobe illustrator Social media campaigns seattle mesothelioma lawyer bus accident attorneys cash annuity onlineclasses criminal defense attorneys florida Holland Michigan College PhD in counseling education HOME PHONE INTERNET BUNDLE domains yahoo california mesothelioma attorney harddrive data recovery services colorado auto accident attorney ROYALTY FREE IMAGES STOCK Auto Mobile Insurance Quote virtual data rooms Dayton Freight Lines Donate Your Car Sacramento PAPERPORT PROMOTIONAL CODE structered settlement semi truck accident lawyers Sell Annuity Payment Donate Your Car for Kids boulder personal injury lawyers cheap car insurance in virginia Car Insurance Quotes low credit line credit cards paperport promotional code motorcycle accident lawyer san francisco mesothelioma settlement amounts Car Insurance Quotes Colorado Annuity Settlements truck accident attorney texas cheap domain registration hosting Nunavut Culture Donate your car for money los angeles auto accident attorneys mesothelioma attorney assistance Hard drive Data Recovery Services Donate a Car in Maryland MORTGAGE ADVISER Motor Replacements Cheap Domain Registration Hosting Donate Cars Illinois selling structured settlement Hard drive data recovery services Best Criminal Lawyers in Arizona Cheap Auto Insurance in VA mesothelioma lawyer chicago Car Insurance Quotes Utah Life Insurance Co Lincoln phd in counseling education personal injury attorney ocala fl structured settlement brokers WebEx costs MESOTHELIOMA LAW FIRM CAR INSURANCE QUOTES MN Online Classes