Welcome To Snipplr


Everyone's Recent Snippets Tagged CSS3



« Prev 1 2 3 4 5 6
  1. FAV

    CSS3 validation

    CSS for form field validation
    CSS 4 views posted 4 years ago by fcommisso
  2. FAV

    Cross-Browser Gradient in CSS3

    The following code will display a cross-browser CSS-gradients. Th add the right selector you can use rgba() for transparency.
    CSS 2 views posted 4 years ago by apphp-snippets
  3. FAV

    EnjoyHint 3.0 To Add Free Hints and Tips To Site Or App

    The new updated introduced auto scrolling to highlighted elements, possibility to hide 'next' and 'skip' buttons, add html markup in description, and more.
    JavaScript 10 views posted 5 years ago by lanagio
  4. FAV

    Word break links

    Stop a link overflowing it's parent's width
    CSS 2 views posted 5 years ago by flatearthcomms
  5. FAV

    HTML5 Basic Template (w/ Comments)

    Extremely helpful to anyone who is looking to improve performance and follow best practices in HTML/CSS
    HTML saved by 6 people 28 views posted 6 years ago by Rar
  6. FAV

    CSS Rotate Animation

    How to create animate rotation for a element.
    CSS 6 views posted 6 years ago by keidash
  7. FAV

    Curtain Effect Using Multiple Background Images

    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...
    CSS 3 views posted 6 years ago by COBOLdinosaur
  8. FAV

    Css3 twitter follow box

    Demo Image: http://i.imgur.com/hTQXYOu.png
    CSS 6 views posted 6 years ago by jntu_gnec
  9. FAV

    Simple CSS3 Play Button

    Uses CSS3 attributes and psuedo elements to create a simple play button for web interfaces.
    CSS 6 views posted 6 years ago by devowhippit
  10. FAV

    CSS3 Box Sizing Made Easy

    When box sizing is set, the padding, border and margin no longer add onto the total width or height of the element. Instead, they eat into the set width or height. So, if you have a box whose width is set to 300px, and padding set to 10px, then the t...
    CSS saved by 2 people 6 views posted 7 years ago by bmayzure
  11. FAV

    CSS3 Roll Links

    Cross-browser roll link effect in CSS3. Works in IE 10+, Webkit (Chrome/Safari/etc), Opera, Gecko (Firefox/Seamonkey/etc). Degrades nicely for unsupported browsers.
    CSS 7 views posted 7 years ago by bmayzure
  12. FAV

    CSS3 Link Color Transition Effect

    A simple CSS3 link-color transition effect. Fades from the base color to the active/focus color and back on rollover. A nice little added effect that's pretty well cross browser. Works with Webkit (Chrome/Safari/etc), Opera, Gecko (Firefox/Seamonkey/...
    CSS saved by 3 people 7 views posted 7 years ago by bmayzure
  13. FAV

    Lining up vendor-prefixed CSS properties for easy editing in Sublime Text

    When using a CSS3 property that has vendor-prefixed versions available, I indent as usual with one tab and then use spaces to line up the properties on the colon. This allows for easy editing of all ‘sibling’ properties at once using [Sublime Tex...
    CSS saved by 1 person 5 views posted 7 years ago by Todd
  14. FAV

    CSS3 Ajax Loading Cross browser

    CSS3 Ajax Loading Animation ======== This is a simulation for the popular gif animated images. The reason why i choose to do it in css3 is the flexibility of re-using it in different sizes, different colors and the transparency issues in gif anim...
    HTML saved by 3 people 10 views posted 7 years ago by MohamedAlaa
  15. FAV

    Add box shadow on bottom of element only

    CSS code to add a CSS3 box shadow to the bottom of an element only.
    CSS 2 views posted 7 years ago by Huskie
  16. FAV

    Webkit lastline truncate

    Truncate the multiline text. Webkit Property.
    CSS saved by 2 people 3 views posted 7 years ago by Rakowskey
  17. FAV

    CSS - Rounded corners

    IE8 and below have no CSS support
    CSS 10 views posted 7 years ago by tucq88
  18. FAV

    Implementation of CSS3 Media Query

    Implementation of CSS3 Media Query
    CSS 14 views posted 7 years ago by ecksteing
  19. FAV

    CSS - Adding a gradient – linear-gradient

    CSS 2 views posted 7 years ago by satie83
  20. FAV

    HTML5 CSS3 Webtemplate with Html5 drop down navigation bar

    This is a simple HTML5 CSS3 website template you can customize it according to your needs. It has a clean and modular code and css. No fancy stuff just basic elements presents like : slideshow, social icons and a navigation bar. Its cross browser com...
    HTML 25 views posted 7 years ago by flanker
  21. FAV

    Chunky CSS3 Button

    not mine.
    CSS 10 views posted 7 years ago by kdesilva
  22. FAV

    CSS3 Only - Small Sphere Following Larger Circular Track

    * This will not work in IE.
    CSS 5 views posted 7 years ago by ryanfiorini
  23. FAV

    CSS3 box-shadow with page curl effect

    Other saved by 3 people 6 views posted 7 years ago by rodcwahr
  24. FAV

    CSS3 box-shadow with page curl effect

    Other 3 views posted 7 years ago by rodcwahr
  25. FAV

    Menu With CSS Only

    Simple 2 lines of CSS and you have a dropdown with hover.
    CSS saved by 1 person 24 views posted 7 years ago by ryanfiorini
  26. FAV

    Use CSS3 Media Screen to go from Horizontal Menu to dropdown

    This will take the screen width into account and display either a horizontal menu or a dropdown menu with a hover style. Resize your window to see the effect.
    CSS saved by 2 people 12 views posted 7 years ago by ryanfiorini
  27. FAV

    CSS3 box-shadow can replace mask for mobile

    This is a good replacement for a mask for mobile devices. You are still able to click through the shadow to the text behind.
    CSS 3 views posted 7 years ago by ryanfiorini
  28. FAV

    Nice Gradient Button with Hover all CSS

    This uses transitions for the hover effect which has limited IE support.
    CSS 6 views posted 7 years ago by ryanfiorini
  29. FAV

    Soothing Clouds in CSS3

    Just came across pure css3 soothing clouds, looks awesome, checkout!
    CSS 8 views posted 7 years ago by jimmy101
  30. FAV

    Rotating circle link animation

    a link with the class becomes circle animated rotating once and fading in
    CSS saved by 1 person 11 views posted 7 years ago by discipolo
« Prev 1 2 3 4 5 6