Netflix | Changes of Color

You are here:

Home
Project
Netflix | Changes of Color

#rs-demo-id{}body #load{display:block;height:100%;overflow:hidden;position:fixed;width:100%;z-index:9901;opacity:1;visibility:visible;transition:all .35s ease-out;}.load-wrap{width:100%;height:100%;background-position:center center;background-repeat:no-repeat;text-align:center;}.load-wrap > svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}#load{background-color:#fff;}.uil-default rect:not(.bk){fill:rgba(51,51,51,.25);}.uil-ring > path{fill:rgba(51,51,51,.25);}.ring-loader .circle{fill:rgba(51,51,51,.25);}.ring-loader .moving-circle{fill:#333;}.uil-hourglass .glass{stroke:#333;}.uil-hourglass .sand{fill:rgba(51,51,51,.25);}.spinner-loader .load-wrap{background-image:url("data:image/svg+xml,%3Csvg width=\'75px\' height=\'75px\' xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 100 100\' preserveAspectRatio=\'xMidYMid\' class=\'uil-default\'%3E%3Crect x=\'0\' y=\'0\' width=\'100\' height=\'100\' fill=\'none\' class=\'bk\'%3E%3C/rect%3E%3Crect x=\'46.5\' y=\'40\' width=\'7\' height=\'20\' rx=\'5\' ry=\'5\' fill=\'rgba%2851%2C51%2C51%2C0.25%29\' transform=\'rotate(0 50 50) translate(0 -30)\'%3E %3Canimate attributeName=\'opacity\' from=\'1\' to=\'0\' dur=\'1s\' begin=\'0s\' repeatCount=\'indefinite\'/%3E%3C/rect%3E%3Crect x=\'46.5\' y=\'40\' width=\'7\' height=\'20\' rx=\'5\' ry=\'5\' fill=\'rgba%2851%2C51%2C51%2C0.25%29\' transform=\'rotate(30 50 50) translate(0 -30)\'%3E %3Canimate attributeName=\'opacity\' from=\'1\' to=\'0\' dur=\'1s\' begin=\'0.08333333333333333s\' repeatCount=\'indefinite\'/%3E%3C/rect%3E%3Crect x=\'46.5\' y=\'40\' width=\'7\' height=\'20\' rx=\'5\' ry=\'5\' fill=\'rgba%2851%2C51%2C51%2C0.25%29\' transform=\'rotate(60 50 50) translate(0 -30)\'%3E %3Canimate attributeName=\'opacity\' from=\'1\' to=\'0\' dur=\'1s\' begin=\'0.16666666666666666s\' repeatCount=\'indefinite\'/%3E%3C/rect%3E%3Crect x=\'46.5\' y=\'40\' width=\'7\' height=\'20\' rx=\'5\' ry=\'5\' fill=\'rgba%2851%2C51%2C51%2C0.25%29\' transform=\'rotate(90 50 50) translate(0 -30)\'%3E %3Canimate attributeName=\'opacity\' from=\'1\' to=\'0\' dur=\'1s\' begin=\'0.25s\' repeatCount=\'indefinite\'/%3E%3C/rect%3E%3Crect x=\'46.5\' y=\'40\' width=\'7\' height=\'20\' rx=\'5\' ry=\'5\' fill=\'rgba%2851%2C51%2C51%2C0.25%29\' transform=\'rotate(120 50 50) translate(0 -30)\'%3E %3Canimate attributeName=\'opacity\' from=\'1\' to=\'0\' dur=\'1s\' begin=\'0.3333333333333333s\' repeatCount=\'indefinite\'/%3E%3C/rect%3E%3Crect x=\'46.5\' y=\'40\' width=\'7\' height=\'20\' rx=\'5\' ry=\'5\' fill=\'rgba%2851%2C51%2C51%2C0.25%29\' transform=\'rotate(150 50 50) translate(0 -30)\'%3E %3Canimate attributeName=\'opacity\' from=\'1\' to=\'0\' dur=\'1s\' begin=\'0.4166666666666667s\' repeatCount=\'indefinite\'/%3E%3C/rect%3E%3Crect x=\'46.5\' y=\'40\' width=\'7\' height=\'20\' rx=\'5\' ry=\'5\' fill=\'rgba%2851%2C51%2C51%2C0.25%29\' transform=\'rotate(180 50 50) translate(0 -30)\'%3E %3Canimate attributeName=\'opacity\' from=\'1\' to=\'0\' dur=\'1s\' begin=\'0.5s\' repeatCount=\'indefinite\'/%3E%3C/rect%3E%3Crect x=\'46.5\' y=\'40\' width=\'7\' height=\'20\' rx=\'5\' ry=\'5\' fill=\'rgba%2851%2C51%2C51%2C0.25%29\' transform=\'rotate(210 50 50) translate(0 -30)\'%3E %3Canimate attributeName=\'opacity\' from=\'1\' to=\'0\' dur=\'1s\' begin=\'0.5833333333333334s\' repeatCount=\'indefinite\'/%3E%3C/rect%3E%3Crect x=\'46.5\' y=\'40\' width=\'7\' height=\'20\' rx=\'5\' ry=\'5\' fill=\'rgba%2851%2C51%2C51%2C0.25%29\' transform=\'rotate(240 50 50) translate(0 -30)\'%3E %3Canimate attributeName=\'opacity\' from=\'1\' to=\'0\' dur=\'1s\' begin=\'0.6666666666666666s\' repeatCount=\'indefinite\'/%3E%3C/rect%3E%3Crect x=\'46.5\' y=\'40\' width=\'7\' height=\'20\' rx=\'5\' ry=\'5\' fill=\'rgba%2851%2C51%2C51%2C0.25%29\' transform=\'rotate(270 50 50) translate(0 -30)\'%3E %3Canimate attributeName=\'opacity\' from=\'1\' to=\'0\' dur=\'1s\' begin=\'0.75s\' repeatCount=\'indefinite\'/%3E%3C/rect%3E%3Crect x=\'46.5\' y=\'40\' width=\'7\' height=\'20\' rx=\'5\' ry=\'5\' fill=\'rgba%2851%2C51%2C51%2C0.25%29\' transform=\'rotate(300 50 50) translate(0 -30)\'%3E %3Canimate attributeName=\'opacity\' from=\'1\' to=\'0\' dur=\'1s\' begin=\'0.8333333333333334s\' repeatCount=\'indefinite\'/%3E%3C/rect%3E%3Crect x=\'46.5\' y=\'40\' width=\'7\' height=\'20\' rx=\'5\' ry=\'5\' fill=\'rgba%2851%2C51%2C51%2C0.25%29\' transform=\'rotate(330 50 50) translate(0 -30)\'%3E %3Canimate attributeName=\'opacity\' from=\'1\' to=\'0\' dur=\'1s\' begin=\'0.9166666666666666s\' repeatCount=\'indefinite\'/%3E%3C/rect%3E%3C/svg%3E");}.spinner-loader .load-wrap.nitro-lazy{background-image:none !important;}.ring-loader .load-wrap{background-image:url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 32 32\' width=\'72\' height=\'72\' fill=\'rgba%2851%2C51%2C51%2C0.25%29\'%3E %3Cpath opacity=\'.25\' d=\'M16 0 A16 16 0 0 0 16 32 A16 16 0 0 0 16 0 M16 4 A12 12 0 0 1 16 28 A12 12 0 0 1 16 4\'/%3E %3Cpath d=\'M16 0 A16 16 0 0 1 32 16 L28 16 A12 12 0 0 0 16 4z\'%3E %3CanimateTransform attributeName=\'transform\' type=\'rotate\' from=\'0 16 16\' to=\'360 16 16\' dur=\'0.8s\' repeatCount=\'indefinite\' /%3E %3C/path%3E %3C/svg%3E");}.ring-loader .load-wrap.nitro-lazy{background-image:none !important;}.hourglass-loader .load-wrap{background-image:url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 32 32\' width=\'72\' height=\'72\' fill=\'rgba%2851%2C51%2C51%2C0.25%29\'%3E %3Cpath transform=\'translate(2)\' d=\'M0 12 V20 H4 V12z\'%3E %3Canimate attributeName=\'d\' values=\'M0 12 V20 H4 V12z; M0 4 V28 H4 V4z; M0 12 V20 H4 V12z; M0 12 V20 H4 V12z\' dur=\'1.2s\' repeatCount=\'indefinite\' begin=\'0\' keytimes=\'0;.2;.5;1\' keySplines=\'0.2 0.2 0.4 0.8;0.2 0.6 0.4 0.8;0.2 0.8 0.4 0.8\' calcMode=\'spline\' /%3E %3C/path%3E %3Cpath transform=\'translate(8)\' d=\'M0 12 V20 H4 V12z\'%3E %3Canimate attributeName=\'d\' values=\'M0 12 V20 H4 V12z; M0 4 V28 H4 V4z; M0 12 V20 H4 V12z; M0 12 V20 H4 V12z\' dur=\'1.2s\' repeatCount=\'indefinite\' begin=\'0.2\' keytimes=\'0;.2;.5;1\' keySplines=\'0.2 0.2 0.4 0.8;0.2 0.6 0.4 0.8;0.2 0.8 0.4 0.8\' calcMode=\'spline\' /%3E %3C/path%3E %3Cpath transform=\'translate(14)\' d=\'M0 12 V20 H4 V12z\'%3E %3Canimate attributeName=\'d\' values=\'M0 12 V20 H4 V12z; M0 4 V28 H4 V4z; M0 12 V20 H4 V12z; M0 12 V20 H4 V12z\' dur=\'1.2s\' repeatCount=\'indefinite\' begin=\'0.4\' keytimes=\'0;.2;.5;1\' keySplines=\'0.2 0.2 0.4 0.8;0.2 0.6 0.4 0.8;0.2 0.8 0.4 0.8\' calcMode=\'spline\' /%3E %3C/path%3E %3Cpath transform=\'translate(20)\' d=\'M0 12 V20 H4 V12z\'%3E %3Canimate attributeName=\'d\' values=\'M0 12 V20 H4 V12z; M0 4 V28 H4 V4z; M0 12 V20 H4 V12z; M0 12 V20 H4 V12z\' dur=\'1.2s\' repeatCount=\'indefinite\' begin=\'0.6\' keytimes=\'0;.2;.5;1\' keySplines=\'0.2 0.2 0.4 0.8;0.2 0.6 0.4 0.8;0.2 0.8 0.4 0.8\' calcMode=\'spline\' /%3E %3C/path%3E %3Cpath transform=\'translate(26)\' d=\'M0 12 V20 H4 V12z\'%3E %3Canimate attributeName=\'d\' values=\'M0 12 V20 H4 V12z; M0 4 V28 H4 V4z; M0 12 V20 H4 V12z; M0 12 V20 H4 V12z\' dur=\'1.2s\' repeatCount=\'indefinite\' begin=\'0.8\' keytimes=\'0;.2;.5;1\' keySplines=\'0.2 0.2 0.4 0.8;0.2 0.6 0.4 0.8;0.2 0.8 0.4 0.8\' calcMode=\'spline\' /%3E %3C/path%3E %3C/svg%3E");}.hourglass-loader .load-wrap.nitro-lazy{background-image:none !important;}#vc_preloader{position:static !important;}.branding{width:20%;}.main-nav > li:not(.wpml-ls-item) > a .menu-text{font-size:15px !important;}.ullisty ul.uavc-list{font-size:20px;background:#fff;padding:17px !important;box-shadow:0px 3px 0px 0px #fff;width:100% !important;border-radius:16px;}.menu-highlight{border-left:15px;color:white;background-color:tomato;}.black.wpb_column.vc_column_container.vc_col-sm-4{background:#000;margin-left:10px;width:32% !important;padding-top:26px;padding-bottom:26px;padding-left:26px;padding-right:26px;margin-top:20px;margin-bottom:20px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);}.black .vc_custom_1551952439831{padding:0px !important;margin:0px !important;}.black .vc_column-inner{padding:0px !important;}div#hide{display:none;}#main .wf-cell.shown{max-height:560px !important;}#main .blog-media.wf-td p{height:222px;}#branding-bottom{width:20px !important;}div#branding-bottom img{width:100%;height:100%;}ul.logo{list-style:none;margin-top:20px;}ul.logo li{width:33%;float:left;padding-bottom:15px;}ul.logo li img{width:73%;}.blog-carousel-shortcode.blog-carousel-shortcode-id-b5ae4144e99d410806012b20921d7168.bottom-overlap-layout-list .post-entry-content{margin-top:0 !important;width:100% !important;background:rgba(204,204,204,.39);}.wpb_column.vc_column_container.vc_col-sm-3.vc_col-xs-6{margin-bottom:40px;}.aio-icon-left{width:10%;float:left;}.aio-ibd-block{width:90%;float:right;}.page-id-53673 div#main{padding:0px 0 70px 0;}h3.widget-title{text-align:center;text-transform:uppercase;background:#e6e6e6;padding:20px 0px;margin-top:22px;}.page-id-53673 .textwidget{padding:10px;background:rgba(230,230,230,.42);}.textwidget{padding:10px;background:rgba(230,230,230,.42);}.aio-icon-description.ult-responsive{width:90%;margin-top:0px;}.aio-ibd-block{width:90%;float:right;padding-left:10px;}#bitnami-banner{display:none;}ol.breadcrumbs.text-small{display:none;}body.blog .posted-on,body.blog .post-author,body.blog .post-comments,body.blog .entry-taxonomy{display:none;}

Netflix | Changes of Color

Related projects

Avalon Shampoo

EF – Rome

North Memorial Health

Standard Charter Bank x Emirates Airlines

Canada Goose | Nomad Capsule