body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none} amp-story-page { background-color: #131516; } amp-story-grid-layer { overflow: visible; } @media (max-aspect-ratio: 9 / 16) { @media (min-aspect-ratio: 320 / 678) { amp-story-grid-layer.grid-layer { margin-top: calc((100% / 0.5625 - 100% / 0.6666666666666666) / 2); } } } @media not all and (min-resolution:.001dpcm) { @media { p.text-wrapper > span { font-size: calc(100% - 0.5px); } } } .page-fullbleed-area, .page-background-overlay-area { position: absolute; overflow: hidden; width: 100%; left: 0; height: calc(1.1851851851851851 * 100%); top: calc((1 - 1.1851851851851851) * 100% / 2); } .element-overlay-area { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .page-safe-area { overflow: visible; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: calc(0.84375 * 100%); margin: auto 0; } .mask { position: absolute; overflow: hidden; } .fill { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0; } @media (prefers-reduced-motion: no-preference) { .animation-wrapper { opacity: var(--initial-opacity); transform: var(--initial-transform); } } amp-story-grid-layer.align-bottom { align-content: end; padding: 0; } .captions-area { padding: 0 32px 0; } amp-story-captions { margin-bottom: 16px; text-align: center; } amp-story-captions span { display: inline-block; margin: 0; padding: 6px 12px; vertical-align: middle; border-radius: 15px; background: rgba(11, 11, 11, 0.6); color: rgba(255, 255, 255, 1); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;; font-size: calc(4 * var(--story-page-vw)); line-height: 1.4; word-break: break-word; word-wrap: break-word; overflow-wrap: break-word; }
pepyPremium
[{"selector":"#anim-8e277d34-d477-4908-aaaf-837750564f47","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}][{"selector":"#anim-9d307857-92db-4964-aca1-100865462357","keyframes":{"transform":["translate3d(-115.14196%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}][{"selector":"#anim-2901bd9a-fb6b-4341-bb20-f9ac70f1606c","keyframes":{"opacity":[0,1]},"delay":0,"duration":300,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}][{"selector":"#anim-5df009d9-b876-4511-ad6b-87a8bdb849e3","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":300,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}][{"selector":"#anim-b8d98c59-7f2e-43ad-8185-9e98278e755e","keyframes":{"opacity":[0,1]},"delay":0,"duration":300,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}][{"selector":"#anim-76a6c9a0-1f31-42bb-8223-68bc8788f7d8","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":300,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}][{"selector":"#anim-925897b1-78e9-416c-bacd-b48d709e3538","keyframes":{"opacity":[0,1]},"delay":0,"duration":300,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}][{"selector":"#anim-c6243042-3e0f-435d-8764-a64fb5b41fe1","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":300,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}]
pepyPremium
Navegador amarelo
Uma alternativa gratuita ao
Elementor PRO
Uma alternativa gratuita ao
Elementor PRO
Caixa de chat
?
Olá!!!
[{"selector":"#anim-541ada07-5f8d-4dc6-a70c-d2e252ad3eab","keyframes":{"transform":["translate3d(-99.284%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}][{"selector":"#anim-5e4dd9dc-9578-4e12-8d41-b819d0789ede","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}][{"selector":"#anim-00153af4-caf5-420a-b55e-df90e88d44db","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}][{"selector":"#anim-c721fed3-e7e9-40d5-a3dc-a8f649ad1f89","keyframes":{"opacity":[0,1]},"delay":400,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}][{"selector":"#anim-97b8e780-7205-4687-b453-bdc31c8eed25","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":400,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}][{"selector":"#anim-37e30cd2-cc2f-46b2-b1c8-dc1f99dc9660","keyframes":{"opacity":[0,1]},"delay":400,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}][{"selector":"#anim-01b94101-3f6a-4e98-8d05-eaf60ffdc5eb","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":400,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}][{"selector":"#anim-05699098-b8f5-4e0b-924b-5fd0e659cea1","keyframes":{"opacity":[0,1]},"delay":0,"duration":300,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}][{"selector":"#anim-917dd425-6723-44af-90d1-e2fc9dca072d","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":300,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}]
Navegador amarelo
Para começar tudo é Grátis
Caixa de chat
GRÁTIS
?
Crie todas as partes do seu site com o Elementor FREE
Navegador amarelo
[{"selector":"#anim-0bc2da03-472f-4018-bb56-12dc8c96cc0c","keyframes":{"opacity":[0,1]},"delay":300,"duration":1600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}][{"selector":"#anim-2e7d6c5b-36fe-4628-a9c7-bddf52b014a3","keyframes":{"opacity":[0,1]},"delay":450,"duration":1600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}][{"selector":"#anim-7fe8eceb-43fa-4ad9-b49c-0180cf19b9b1","keyframes":{"opacity":[0,1]},"delay":600,"duration":1600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}][{"selector":"#anim-a77d4022-1c25-48df-8516-8b031b56988a","keyframes":{"transform":["translate3d(-829.54555%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":400,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}][{"selector":"#anim-307dd682-1b87-419d-9320-0be6569ffea3","keyframes":{"opacity":[0,1]},"delay":400,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}][{"selector":"#anim-85b494e8-698a-41c8-9555-cb11d7584283","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":400,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}]
O pepyPremium vai adicionar 2 menus.
Plugins de ouro e o de
Configurações.
veja
como
Funciona!
[{"selector":"#anim-6a109a6b-0591-4cac-858b-d11fc89b2c63","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}][{"selector":"#anim-861e1325-c1f5-41cf-b20b-32740a898629","keyframes":{"transform":["translate3d(0px, -114.63484%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}][{"selector":"#anim-a8abf97a-6f2e-4ec1-8c2c-15f2cd073b68","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}][{"selector":"#anim-28e89f15-5c3b-44c3-8f12-01f54c7d87be","keyframes":{"transform":["translate3d(0px, -212.77023%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}][{"selector":"#anim-41be68ba-d350-4f4d-a7a5-26472bc492d6","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}]
“No menu de Configurações
”
Você cria e informa onde cada pedaço do seu vai ser atribuído.
[{"selector":"#anim-31ce03e4-95e8-48ba-a8ec-d01e84d1adef","keyframes":{"opacity":[0,1]},"delay":200,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}][{"selector":"#anim-f5e420eb-5151-4abf-a71e-7e51692ce884","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":200,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}][{"selector":"#anim-4aec6d12-c158-4f45-847e-ebc49ae12b20","keyframes":{"opacity":[0,1]},"delay":200,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}][{"selector":"#anim-d38bb51b-4679-4ae8-a49c-5c59bd6b301d","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":200,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}][{"selector":"#anim-cbb7c57a-cf8c-499b-a10c-f7c63030d24d","keyframes":{"opacity":[0,1]},"delay":200,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}][{"selector":"#anim-b3fb4480-a47e-4945-9b6e-eee414a289ac","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":200,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}][{"selector":"#anim-1ce02762-b8c1-4864-b131-f6a8924fcdc0","keyframes":{"opacity":[0,1]},"delay":0,"duration":1300,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}][{"selector":"#anim-7bf0fdc0-5d14-4ba0-b924-6ce7a5f7ec17","keyframes":{"transform":["translate3d(0px, 100.22671%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1300,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}][{"selector":"#anim-6530eb4e-72bb-4885-80ff-8fd7d944b9cc","keyframes":[{"transform":"rotate(-540deg) scale(0.1)","opacity":0},{"transform":"none","opacity":1}],"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both","iterations":1}]
Caixa de chat
?
No menu Plugins de Ouro você tem uma lista de plugins gratuitos com qualidade PREMIUM
Aloha!!
[{"selector":"#anim-0a9e9c93-29a9-4314-a488-e373423eba72","keyframes":[{"transform":"scale(1)","offset":0},{"transform":"scale(1.5)","offset":0.33},{"transform":"scale(0.95)","offset":0.66},{"transform":"scale(1)","offset":1}],"delay":0,"duration":1450,"easing":"ease-in-out","fill":"both","iterations":1}][{"selector":"#anim-5bd50d56-ee7f-4ec7-8bd8-fbf8d8c92537","keyframes":{"transform":["translate3d(-108.02139%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .8, 1)","fill":"both"}][{"selector":"#anim-fa86355b-21b8-42f8-9358-a32629389e6f","keyframes":{"transform":["rotateZ(-180deg)","rotateZ(0deg)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .5, 1)","fill":"forwards"}]
Quer aprender a usar essa ferramenta de graça ainda hoje?
Navegador amarelo
[{"selector":"#anim-d29718b1-4be3-4f0d-bab7-16807a9a42fd","keyframes":[{"transform":"rotate(-540deg) scale(0.1)","opacity":0},{"transform":"none","opacity":1}],"delay":0,"duration":2500,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both","iterations":1}][{"selector":"#anim-02713173-658c-4448-91f1-d250f851787d","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}][{"selector":"#anim-f942bdf1-098f-4cae-9285-dff4cd7f66cd","keyframes":{"transform":["translate3d(-132.05127%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}][{"selector":"#anim-b41225f0-0ea0-48a4-91c5-dc874e923877","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}][{"selector":"#anim-78ac757f-8b94-477c-adc8-fe3725d55fc2","keyframes":{"transform":["translate3d(-131.01265%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}][{"selector":"#anim-2311f9d2-38ec-4bec-be99-018bb25fe651","keyframes":{"opacity":[0,1]},"delay":300,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}][{"selector":"#anim-4f7e44a1-e4cf-4c33-9def-4b81e26587d9","keyframes":{"transform":["translate3d(-131.61289%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":300,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}][{"selector":"#anim-f090afa6-7a1e-452e-994f-21364937d223","keyframes":{"opacity":[0,1]},"delay":300,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}][{"selector":"#anim-2c501514-0b84-4a2c-97e6-f7a93bbb2d7b","keyframes":{"transform":["translate3d(-130.37976%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":300,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}][{"selector":"#anim-dd11cb83-0991-45c9-af10-57694093f696","keyframes":{"opacity":[0,1]},"delay":300,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}][{"selector":"#anim-94b8b017-73c3-4138-a396-019f277ff446","keyframes":{"transform":["translate3d(116.90140%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":300,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}][{"selector":"#anim-ca87cc17-b233-4fa5-a689-5dd19d9495fe","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}][{"selector":"#anim-2ab89668-766f-4ec6-bc08-ea96936bc8a2","keyframes":{"transform":["translate3d(133.33333%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]
Veja em nosso Blog
Navegador amarelo
Navegador amarelo
Ou nossa playlist de vídeos do pepyPremium no YouTube
Veja nosso artigo completo