arkanoid
arkanoid
Reputation Top 5%
arkanoid
2 Snippets
Published
1 Channel
Created
3 Channels
Following
77 points
Reputation
Junior Code Generator
Junior Publisher
Junior Topic Hub
Junior Trend Maker
Junior Judge
Junior Popular Coder
Junior Autobiographer
Serious Autobiographer
Junior Famous Coder
Junior Wise Coder

Recent Snippets See all snippets by arkanoid

public by  2071  1  6  4

A useful LESS mixin to enable animated transition on a HTML element

This simple less mixin enable animated transitions on all properties of a HTML element.
.animate( @duration: 0.4s ) {
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: @duration;
  -o-transition-duration: @duration;
  -webkit-transition-duration: @duration;
  transition-duration: @duration;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
;

public by  18053  1  6  2

HTML - Removing the outline on an input field

The annoying blue border outlining the input field in focus can be removed with a simple CSS rule
input[type=text]:focus{
    outline: 0;
}
;