evandro
c7d09d63d4
Hero e movimento - cena 3D em tempo real com os blocos da marca (kit feito no Blender, 3d/blocos.py): marca, tela, integrações e dados; segue a rolagem, tem vida em repouso, reage ao cursor e, parada no topo, passa sozinha pelos estados com legenda - três níveis de aparelho (full, lite, static); sem WebGL fica o pôster - título novo: "Sites e sistemas sob medida para o jeito que a sua empresa trabalha." - faixa de clientes com o ramo, linha do primeiro passo, hero alinhado às seções - rótulos digitados, entrada dos blocos, cortina de blocos entre páginas e capa compartilhada entre a lista de cases e o case Ofertas - atendimento no WhatsApp com IA e nota fiscal para a reforma tributária (páginas de serviço, cartões da home, formulário e aviso com data de validade) - página /ia atualizada, com fontes - peças 3D em loop nos cartões e topos de página (3d/pecas.py) Design - hover por papel (bloco nos botões, barra nos links), rótulos sem caixa alta - um destino por rótulo: "Falar sobre meu projeto" leva ao formulário, "Chamar no WhatsApp" abre o WhatsApp - logo montado em blocos, 404 redesenhado, grades sem célula vazia - ícones do PWA e manifesto novos Specs em specs/, contexto de design em DESIGN.md e PRODUCT.md.
24 lines
835 B
CSS
24 lines
835 B
CSS
/* Legenda da peça do hero (HeroField): o que a peça está montando. Cada texto novo entra digitado, com o passo e o
|
|
cursor do rótulo das seções (.ds-type e as animações ds-type, ds-type-caret e ds-type-blink, em globals.css); ela
|
|
some só pela opacidade. Sem movimento reduzido: com ele a cena nem monta, e a legenda não existe. */
|
|
.hero-legenda {
|
|
opacity: 0;
|
|
transition: opacity 0.3s var(--ease-out);
|
|
}
|
|
|
|
.hero-legenda[data-shown] {
|
|
opacity: 1;
|
|
}
|
|
|
|
@media (prefers-reduced-motion: no-preference) and (scripting: enabled) {
|
|
.hero-legenda .ds-type {
|
|
animation: ds-type calc(var(--n) * 32ms) steps(var(--n)) forwards;
|
|
}
|
|
|
|
.hero-legenda .ds-type::after {
|
|
animation:
|
|
ds-type-caret calc(var(--n) * 32ms) steps(var(--n)) forwards,
|
|
ds-type-blink 0.9s steps(1) calc(var(--n) * 32ms) forwards;
|
|
}
|
|
}
|