Skip to main content

Home/ CSS Evangelist/ Group items tagged IE10

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
webExplorations

Ultimate CSS Gradient Generator - ColorZilla.com - 0 views

www.colorzilla.com/gradient-editor

css3

shared by webExplorations on 02 Aug 11 - No Cached
  • webExplorations on 02 Aug 11
     
    "background: -moz-linear-gradient(top, rgba(97,103,150,0.35) 0%, rgba(125,185,232,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(97,103,150,0.35)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(97,103,150,0.35) 0%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(97,103,150,0.35) 0%,rgba(125,185,232,0) 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(97,103,150,0.35) 0%,rgba(125,185,232,0) 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59616796', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, rgba(97,103,150,0.35) 0%,rgba(125,185,232,0) 100%); /* W3C */"
Vernon Fowler

Prevent Long URL's From Breaking Out of Container | CSS-Tricks - 0 views

css-tricks.com/...from-breaking-out-of-container

typography webdesign css links

shared by Vernon Fowler on 19 Feb 14 - No Cached
  • a width
    • Vernon Fowler
      Vernon Fowler on 19 Feb 14
       
      I didn't need a width. Float:left was enough. Tested in IE10.
  • -ms-word-break: break-all;
    • Vernon Fowler
      Vernon Fowler on 19 Feb 14
       
      Shouldn't need the IE prefixed version as according to http://caniuse.com/#search=word-break that browser has had support all along.
  • float:left
Vernon Fowler

A Complete Guide to Flexbox | CSS-Tricks - 0 views

css-tricks.com/...a-guide-to-flexbox

flexbox CSS css3 layout responsive webdesign sass mixin vendor prefix IE10

shared by Vernon Fowler on 22 Mar 14 - No Cached
  • flex-direction
  • flex-wrap
  • space-around: items are evenly distributed in the line with equal space around them
  • ...6 more annotations...
  • justify-content
  • align-items
  • flex-start: cross-start margin edge of the items is placed on the cross-start line
  • stretch (default): stretch to fill the container (still respect min-width/max-width)
  • Note: this property has no effect when the flexbox has only a single line.
  • flex-grow
1 - 3 of 3
Showing 20▼ items per page