Generator Demo

Slices

Add Slice

Settings

Duration:

Rotations:

Frame :

Easing:

Rotate Center:

Type:

Marker animation:

Spin Button:

Styles

Width:

Font Size:

Text Offset:

Letter Spacing:

Text Line Direction:

Align text to arc:

Shadow Opacity:

Slice Line Width:

Outer Line Width:

Center Width:

Center Line Width:

Center Image url/path:

Center Image Width:

Colors

Text Color:

Marker Color:

Center Line Color:

Center Background Color:

Slice Line Color:

Outer Line Color:

Shadow color:

Winner Background Color:


$(".easyWheel").easyWheel({
  items: [
    {
      name    : '20% OFF',
      message : 'You win 20% off',
      color   : '#3498db',
      win     : true
    },{
      name    : 'No luck',
      message : 'You have No luck today',
      color   : '#ffc107',
      win     : false
    },{
      name    : '30% OFF',
      message : 'You win 30% off',
      color   : '#f44336',
      win     : true
    },{
      name    : 'Lose',
      message : 'You Lose :(',
      color   : '#3498db',
      win     : false
    },{
      name    : '40% OFF',
      message : 'You win 40% off',
      color   : '#ffc107',
      win     : true
    },{
      name    : 'Nothing',
      message : 'You get Nothing :(',
      color   : '#f44336',
      win     : false
    }
  ]
});