- Para usar de modelo -
Esta página foi criada para auxiliar implementadores e designers, reunindo efeitos em CSS que podem ser utilizados para agregar valor às Landing Pages desenvolvidas na Blue Ocean.
BARRA DE LUZ COM INTERAÇÃO NO HOVER
Este é o título
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Este é o título
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Este é o título
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
BORDA ANIMADA EM CARD
Sobre esse efeito:
Para este efeito, o background do container deve ser transparente por padrão, sendo a cor aplicada diretamente via CSS. Além disso, todos os elementos dentro do card precisam ter um z-index elevado (por exemplo, 50), já que o próprio card utiliza um valor de z-index.
Sobre esse efeito:
Para este efeito, o background do container deve ser transparente por padrão, sendo a cor aplicada diretamente via CSS. Além disso, todos os elementos dentro do card precisam ter um z-index elevado (por exemplo, 50), já que o próprio card utiliza um valor de z-index.
Sobre esse efeito:
Para este efeito, o background do container deve ser transparente por padrão, sendo a cor aplicada diretamente via CSS. Além disso, todos os elementos dentro do card precisam ter um z-index elevado (por exemplo, 50), já que o próprio card utiliza um valor de z-index.
BORDA DEGRADÊ EM CARD
Sobre esse efeito:
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Sobre esse efeito:
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Sobre esse efeito:
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
FAIXA DE DESCONTO
R$ 50.000,00
*baratinho
Efeito Parallax
EFEITO FLUTUAR
Para este efeito, uma classe “flutuar” deve ser incluída no objeto. Pode ser usado em objetos como mockups e elementos visuais que precisam de destaque.
EFEITO PULSAR
Para este efeito, uma classe “pulsar” deve ser incluída no objeto. Pode ser usado em ícones, CTA's e etc.
CARROSSEL COM EFEITO DE CARTAS
COR NO HOVER
