Utilities
CSS Minifier
Online CSS Minifier Tool and Compressor, with Fast and Simple API Access
Input CSS
.barbra_cta_5 .et_pb_text strong {
    font-family: 'Lora',Georgia,"Times New Roman",serif;
    font-weight: 400;
}


.barbra_cta_5 .et_pb_blurb .et_pb_blurb_container .et_pb_blurb_description{
    max-width: 100px;
    transition: 0.3s;
    position: relative;
    z-index: 1;
}

.barbra_cta_5 .et_pb_blurb:hover .et_pb_blurb_container .et_pb_blurb_description{
    opacity: 0;
}

.barbra_cta_5 .et_pb_blurb .et_pb_blurb_container:after{
    content: '';
    display: block;
    width: 100%;
    padding-top: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    background-color: #fff;
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(1);
    z-index: 0;
    transition: 0.3s;
}

.barbra_cta_5 .et_pb_blurb:hover .et_pb_blurb_container:after{
    transform: translate(-50%, -50%) scale(0.7);
}

.barbra_cta_5 .et_pb_blurb .et_pb_blurb_container{
    padding: 55px 16px 30px;
    position: relative;
    border-radius: 50%;
    display: inline-block;
    margin-left: 0;
}

.barbra_cta_5 .et_pb_blurb:hover .et_pb_blurb_container .et_pb_module_header{
    top: 50%;
    transform: translate(-50%, -50%) rotate(-90deg) scale(1.6);
}
Minified CSS Output

.barbra_cta_5 .et_pb_text strong{font-family:Lora,Georgia,"Times New Roman",serif;font-weight:400}.barbra_cta_5 .et_pb_blurb .et_pb_blurb_container .et_pb_blurb_description{max-width:100px;transition:.3s;position:relative;z-index:1}.barbra_cta_5 .et_pb_blurb:hover .et_pb_blurb_container .et_pb_blurb_description{opacity:0}.barbra_cta_5 .et_pb_blurb .et_pb_blurb_container:after{content:'';display:block;width:100%;padding-top:100%;position:absolute;left:50%;top:50%;background-color:#fff;border-radius:50%;transform:translate(-50%,-50%) scale(1);z-index:0;transition:.3s}.barbra_cta_5 .et_pb_blurb:hover .et_pb_blurb_container:after{transform:translate(-50%,-50%) scale(.7)}.barbra_cta_5 .et_pb_blurb .et_pb_blurb_container{padding:55px 16px 30px;position:relative;border-radius:50%;display:inline-block;margin-left:0}.barbra_cta_5 .et_pb_blurb:hover .et_pb_blurb_container .et_pb_module_header{top:50%;transform:translate(-50%,-50%) rotate(-90deg) scale(1.6)}

CSS Minifier Tool Documentation
The API has changed, to see more please click here

To minify/compress your CSS, perform a POST request to

API https://www.toptal.com/developers/cssminifier/api/raw

with the input parameter set to the CSS you want to minify.
Hire the top 3% of freelance talent
Join the Toptal Network

Copyright 2010 - 2023 Toptal, LLC

    Privacy Policy
    Website terms

By continuing to use this site you agree to our Cookie Policy Privacy Policy, and Terms of Use.