174Quick and Dirty Override By default, all Bootstrap text input areas, like contact form fields for example, have a blue glow when selected. Here’s a very quick and easy way to disable the blue glow: input, textarea, button {outline: none; … Continued
612Create on scroll animation effects on your website using waypoints and animate.css. Waypoints allows developers to execute a function when an element is scrolled to, in this case, we will execute an animation. Animate.css is a library of CSS animations … Continued
506http://mattbango.com/notebook/code/pure-css-timeline/ http://codepen.io/christian-fei/pen/BJily http://bashooka.com/coding/css-timeline-tutorials-examples/ http://codyhouse.co/demo/vertical-timeline/
555Add a highlight color to multiple lines of text by simply using CSS box-shadow property. You can add more space or remove space between your lines by playing around with line-height:16px or a negative box shadow height box-shadow: 0.5em 0 … Continued
567Separate your html list elements with back slashes, commas, dots or whatever icon pleases you by using CSS.
|
1 2 3 4 |
li:nth-child(n+1):before { content: ", "; } li:first-child:before {content: " "; } |
785This is useful for displaying menu elements and creating comma separated lists. Add the following code to your css/stylesheet. You may use unordered lists or ordered lists with similar results.
|
1 2 3 4 |
li { display: inline; list-style-type: none; } li:after { content: ", "; } li:last-child:before { content: "and "; } li:last-child:after { content: "."; } |
Keep in mind that :last-child is not supported … Continued
860Label.css http://tympanus.net http://www.alessioatzeni.com/ Design Shack AliJafarian.com Image hover captions CSS Tricks
668To get the perfect, full background image to cover your website’s entire browser window, there’s a couple ways to execute. The first step to getting this to work, which is sometimes overlooked, and can cause much frustration to newbies is … Continued
744http://www.csscompressor.com/