Acervo Lima

O maior acervo de tutoriais e referências

CSS-Misc

Como fazer uma imagem giratória 3D em CSS?

Neste tutorial, mostraremos como criar uma galeria de imagens giratórias em 3D usando HTML simples e propriedade de animação CSS. Explicação: Neste artigo, usamos principalmente propriedades CSS variable, CSS flex, object-fit, transform-style, animation, transform e keyframes para realizar esta tarefa. Para ler mais sobre propriedades de frames-chave CSS, consulte o artigo https://www.geeksforgeeks.org/css-animations/ . HTML: Criando estrutura <!DOCTYPE html> <html> ....
Read more

Plug-in jQuery Blockrain.js

Os plug-ins jQuery aprimoram um aplicativo com recursos que geralmente demoram muito para serem programados corretamente. No entanto, alguns plug-ins são úteis para fornecer entretenimento aos usuários. Embora muitos sites profissionais possam não precisar deles, é um recurso divertido de incluir em blogs e sites pessoais.  O plugin Blockrain.js fornece um jogo Tetris criado em HTML5 e....
Read more

Formulário de Neumorfismo UI

NeumorphismUI é uma IU moderna usada no design de elementos da web, quadros e telas e também é uma tendência de design relativamente nova que alcançou grande popularidade nos dias de hoje. Sua estética é marcada por uma interface de usuário mínima e de aparência real que é uma espécie de re-avanço da velha tendência de design....
Read more

Como especificar um texto que é uma citação extensa em HTML?

A tag <blockquote> em HTML é usada para exibir as citações longas (uma seção que é citada de outra fonte). Ele muda o alinhamento para torná-lo único em relação aos outros. Ele contém tags de abertura e fechamento. Sintaxe: <blockquote> Contents... </blockquote> Exemplo 1: <!DOCTYPE html> <html> <head> <title> How to....
Read more

Como definir a legenda de uma imagem usando HTML?

A tag <figurecaption> em HTML é usada para definir uma legenda para o elemento de figura em um documento. Esta tag é nova em HTML5.  Sintaxe: <figcaption> Figure caption... </figcaption> Exemplo 1:  <!DOCTYPE html> <html> <head> <style> body { text-align:....
Read more
Próximo

Latest posts

Most popular posts