;(function() { window.createMeasureObserver = (measureName) => { var markPrefix = `_uol-measure-${measureName}-${new Date().getTime()}`; performance.mark(`${markPrefix}-start`); return { end: function() { performance.mark(`${markPrefix}-end`); performance.measure(`uol-measure-${measureName}`, `${markPrefix}-start`, `${markPrefix}-end`); performance.clearMarks(`${markPrefix}-start`); performance.clearMarks(`${markPrefix}-end`); } } }; /** * Gerenciador de eventos */ window.gevent = { stack: [], RUN_ONCE: true, on: function(name, callback, once) { this.stack.push([name, callback, !!once]); }, emit: function(name, args) { for (var i = this.stack.length, item; i--;) { item = this.stack[i]; if (item[0] === name) { item[1](args); if (item[2]) { this.stack.splice(i, 1); } } } } }; var runningSearch = false; var hadAnEvent = true; var elementsToWatch = window.elementsToWatch = new Map(); var innerHeight = window.innerHeight; // timestamp da última rodada do requestAnimationFrame // É usado para limitar a procura por elementos visíveis. var lastAnimationTS = 0; // verifica se elemento está no viewport do usuário var isElementInViewport = function(el) { var rect = el.getBoundingClientRect(); var clientHeight = window.innerHeight || document.documentElement.clientHeight; // renderizando antes, evitando troca de conteúdo visível no chartbeat-related-content if(el.className.includes('related-content-front')) return true; // garante que usa ao mínimo 280px de margem para fazer o lazyload var margin = clientHeight + Math.max(280, clientHeight * 0.2); // se a base do componente está acima da altura da tela do usuário, está oculto if(rect.bottom < 0 && rect.bottom > margin * -1) { return false; } // se o topo do elemento está abaixo da altura da tela do usuário, está oculto if(rect.top > margin) { return false; } // se a posição do topo é negativa, verifica se a altura dele ainda // compensa o que já foi scrollado if(rect.top < 0 && rect.height + rect.top < 0) { return false; } return true; }; var asynxNextFreeTime = () => { return new Promise((resolve) => { if(window.requestIdleCallback) { window.requestIdleCallback(resolve, { timeout: 5000, }); } else { window.requestAnimationFrame(resolve); } }); }; var asyncValidateIfElIsInViewPort = function(promise, el) { return promise.then(() => { if(el) { if(isElementInViewport(el) == true) { const cb = elementsToWatch.get(el); // remove da lista para não ser disparado novamente elementsToWatch.delete(el); cb(); } } }).then(asynxNextFreeTime); }; // inicia o fluxo de procura de elementos procurados var look = function() { if(window.requestIdleCallback) { window.requestIdleCallback(findByVisibleElements, { timeout: 5000, }); } else { window.requestAnimationFrame(findByVisibleElements); } }; var findByVisibleElements = function(ts) { var elapsedSinceLast = ts - lastAnimationTS; // se não teve nenhum evento que possa alterar a página if(hadAnEvent == false) { return look(); } if(elementsToWatch.size == 0) { return look(); } if(runningSearch == true) { return look(); } // procura por elementos visíveis apenas 5x/seg if(elapsedSinceLast < 1000/5) { return look(); } // atualiza o último ts lastAnimationTS = ts; // reseta status de scroll para não entrar novamente aqui hadAnEvent = false; // indica que está rodando a procura por elementos no viewport runningSearch = true; const done = Array.from(elementsToWatch.keys()).reduce(asyncValidateIfElIsInViewPort, Promise.resolve()); // obtém todos os elementos que podem ter view contabilizados //elementsToWatch.forEach(function(cb, el) { // if(isElementInViewport(el) == true) { // // remove da lista para não ser disparado novamente // elementsToWatch.delete(el); // cb(el); // } //}); done.then(function() { runningSearch = false; }); // reinicia o fluxo de procura look(); }; /** * Quando o elemento `el` entrar no viewport (-20%), cb será disparado. */ window.lazyload = function(el, cb) { if(el.nodeType != Node.ELEMENT_NODE) { throw new Error("element parameter should be a Element Node"); } if(typeof cb !== 'function') { throw new Error("callback parameter should be a Function"); } elementsToWatch.set(el, cb); } var setEvent = function() { hadAnEvent = true; }; window.addEventListener('scroll', setEvent, { capture: true, ive: true }); window.addEventListener('click', setEvent, { ive: true }); window.addEventListener('resize', setEvent, { ive: true }); window.addEventListener('load', setEvent, { once: true, ive: true }); window.addEventListener('DOMContentLoaded', setEvent, { once: true, ive: true }); window.gevent.on('allJSLoadedAndCreated', setEvent, window.gevent.RUN_ONCE); // inicia a validação look(); })();
  • AssineUOL
Topo

Universa Ensina

Dicas de moda e beleza de um jeito rápido e descomplicado


Cílios postiços a la Euphoria: veja como colorir os seus em casa

cílios postiços - abre - Natália Eiras
cílios postiços - abre Imagem: Natália Eiras

Natália Eiras

Colaboração para o UOL

03/10/2020 04h00

Nas redes sociais, uma maquiagem à la "Euphoria", série da HBO que rendeu à Zendaya o Emmy de melhor atriz, rende muitos likes e elogios. Nesse visual, cílios coloridos caem super bem e, nem por isso, você precisa mexer no bolso. É possível colorir pestanas falsas em casa em alguns minutos. E o material está dentro da sua nécessaire.

Você vai precisar de um corretivo líquido (e quanto mais claro, melhor), sombra colorida e, claro, os cílios postiços.

Tudo em ordem? Vamos lá!

1. Pinte os cílios postiços com o corretivo líquido para criar a base para a sombra colorida. Isso vai garantir que a cor fique mais vibrante e ajudará a fixar o produto nos cílios.

cílios postiços - 1 - Natália Eiras - Natália Eiras
Imagem: Natália Eiras

2. Use um pincel para pegar a sombra escolhida. Não economize neste o, é importante que tenha bastante produto nas cerdas para colorir os cílios. Quanto mais pigmentada e vibrante for a sombra, melhor será o resultado final.

cílios postiços - 2 - Natália Eiras - Natália Eiras
Imagem: Natália Eiras

3. Deposite a sombra nos cílios postiços com batidinhas. Pode parecer que não vai dar certo, mas tenha paciência e trabalhe as camadas de sombra nos cílios. Talvez aconteça uma baguncinha, com pó colorido por todo lado, por isso é importante que você prepare o local antes de começar a fazer o tutorial.

cílios postiços - 3 - Natália Eiras - Natália Eiras
Imagem: Natália Eiras

4. Quando a cor estiver de acordo com as suas expectativas, seus cílios postiços coloridos estão prontos! Eles são ótimos para visuais mais vibrantes e monocromáticos como este que criamos.

cílios postiços - 4(3) - Natália Eiras - Natália Eiras
Imagem: Natália Eiras

Ficou alguma dúvida? Veja o vídeo.