Pinterest • The world’s catalogue of ideas

CSS3 rounded corner image coding works on all browsers If you want to create a round image from a rectangular image using radius-border. Then here I am providing you a simple code to achieve this with CSS without distorting the image. It also ensures that the circle is perfectly round. Here is a code that do's this CSS3 rounded corner image coding #Image { background: white; border-radius: 200px; width: 200px; height: 200px; background-size: 280px; background-position: right…

from Onextrapixel – Web Design and Development Online Magazine

Infographic: Quick Look into CSS3 Properties

Quick look into CSS3 properties: border-radius, opacity, border-image, background, linear-gradient, box-shadow, RGBA, transition, and text-shadow. Check to ensure you meet target browsers/devices and check to see how.


#PopularKidsToys Just Added In New Toys In Store!Read The Full Description & Reviews Here - Scalextric C8224 Radius 3 Outer Border/Barrier 22.5 degree 1:32 Scale Accessory - Pack Contains: Radius 3 Curve Outer Borders 22.5 degree x 4. Shown with Shown with C8204 Radius 3 Curve 22.5¡ and C8224 Radius 3 Curve Outer Borders 22.5¡ (not included). Packaged Length in mm – 200 Weight In Kg – 0.4 Packaged Width in mm – 200 Packaged Height in mm – 100 Shown w

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img, .BlogList .item-thumbnail img {   padding: none !important;   border: none !important;   background: none !important;   -moz-box-shadow: 0px 0px 0px transparent !important;   -webkit-box-shadow: 0px 0px 0px transparent !important;   box-shadow: 0px 0px 0px transparent !important; }

.captionOrange, .captionBlack { color: #fff; font-size: 20px; line-height: 30px; text-align: center; border-radius: 4px; } .captionOrange { background: #EB5100; background-color: rgba(235, 81, 0, 0…

CSS parallax scrolling website effect code with example I loved the concept of CSS parallax scrolling website. And today I am sharing the css only parallax scrolling website effect code. Copy the code below and paste it in the notepad now save the file with .html extension and see the beautiful result. CSS parallax scrolling website effect code <div id="title" class="slide header"> <h1>Pure CSS Parallax</h1> </div> <div id="slide1" class="slide"> <div class="title"> <h1>Slide 1</h1…

native UI elements like search boxes & text fields show an inconsistency on iPad/iPhone/ webkit mobile devices. This shows how to solve this, with input.subscribe {/* Make buttons non iOS native */ -webkit-appearance:none; } input.field { /* make input fields non iOS native */ -webkit-appearance:caret; border-radius: 0; }