Skip to Content
Menu

zoom()

A cross-browser supported zoom.

Sass February 22, 2017

Usage

Sass
zoom($scale, $origin)

Parameters

$scale
(Required) (Integer) The zoom level
Default: 1

$origin
(Optional) (Mixed) The x/y origin to zoom from (Integers or String)
Default: 0 0

Request or provide clarification »

Examples

Sass
.element {@include zoom(1.5);}
Sass
.element {@include zoom(0.75, center top);}
Was this page helpful? Yes No


    A feedback message is required to submit this form.


    Please check that you have entered a valid email address.

    Enter your email address if you would like a response.

    Thank you for your feedback!

    Source File

    Located in /assets/scss/partials/_mixins.scss on line 260.

    Sass
    @mixin zoom($scale: 1, $origin: 0 0){
        transform: scale($zoom);
        transform-origin: $origin;
    }
    

    Override

    To override or disable this, redefine the mixin/function later on, or use different class names to prevent this from targeting your element.

    Sass
    @mixin zoom($scale, $origin){
        //Write your own code here, leave it blank, or return false.
    }