Image Styles

Ultra comes with quick css class styles. This are a great way to add variation to your images, create different page designs, and more. Use image-border to add a clean outline to your images. Image-shadow adds a slight drop shadow to make images pop. The image-hover option adds a subtle opacity hover to your image. If you want rounded images simply use the image-circle option. And if you like all of the styles combined just use the image-fancy option.

image-css-class-options

Options

The following classes can be used together or alone to create different effects.

  1. image-border
  2. image-shadow
  3. image-rounded
  4. image-circle
  5. image-fancy (adds the shadow, border and makes them rounded)

Examples

Financial reportFinancial reportFinancial report