Skip to content

Txerrinko/crisp.js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

##crisp.js

Build css3 buttons with a single line of javascript. To try it out, visit www.logicalcognition.com/crisp.js.

##Supported Browsers

  • Safari 4+
  • Chrome 9+
  • Firefox 4+
  • Internet Explorer 8+

##Usage ###Build a fricken button

var button = crisp.create({innerHTML: 'click me'});

###Build a fricken button and place it in the DOM

var button = crisp.create({innerHTML: 'click me'});
document.getElementById('foo').appendChild(button);

###Build a fricken button using all config options

var args = {
innerHTML: 'gordon',	// button text
width: '100px',		// button width
height: '40px',		// button height
color: '#FF0022',	// text color
bgColor: 'green',	// background color
fontFamily: 'Arial',	// font face
fontSize: '20px'	// font size
}

###Further A button is just a regular element. To change its look or feel more than the in the example above, just create it and style it like you would any other element. Same goes for registering event handlers and positioning.

##License

WTFPL

About

sexy css3 buttons with one line of js

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published