Categorias
CSS Dicas Geral

Variáveis em CSS3

Aprenda a utilizar variáveis e calcular valores em CSS3 com as funções:

var() e calc().

A utilização das variáveis auxiliam muito no momento em que você precisa atribuir vários valores diferentes em classes diferentes.

E isso se torna ainda mais útil quando você precisa fazer cálculos com calc() e criar valores derivados de forma dinâmica.

Veja o vídeo explicativo:

Veja o conteúdo no Codepen:

Veja no CodePen: CSS – Uso de variáveis by dorian (@dorian_oliveiraoficial) on CodePen.

Formulário em Flexbox

Funções em CSS

Quebrando as Regras: Lançamento oficial do livro

Categorias
Geral

Animação 3D com CSS3

Códigos úteis para necessidades diversas de box com CSS3.

Animação com CSS3 com simulação 3D utilizando perspectiva (perspective)

Sem Javascript.

Veja no Codepen 3d spheres with z-index && perspective && preserve-3d by dorian (@dorian_oliveiraoficial) on CodePen.

Categorias
CSS Dicas Geral

Animação com troca de conteúdo

Códigos úteis para necessidades diversas de box com CSS3.

Animação com CSS3 e troca de conteúdo (utilizando content nas interceptações de @keyframes).

Não foi utilizado Javascript.

Veja no Codepen: Breath by dorian (@dorian_oliveiraoficial)on CodePen.

Categorias
CSS Geral Layout

CSS3 – Utilidades com Box

Códigos úteis para necessidades diversas de box com CSS3.

Veja no Codepen CSS – Utilidades (Box) por dorian (@dorian_oliveiraoficial) on CodePen.

Categorias
Geral

Formulário com Flexbox

Formulário com HTML5, CSS3, utilizando conceitos de layout flexível (Flexbox).

Este exemplo vai mostrar a você como criar um formulário base com HTML e CSS, contando com 3 premissas:

  • Código bem escrito e organizado
  • Responsivo
  • Boa experiência do usuário

Deixe seu comentário embaixo e diga se foi útil para você.

Acesse no CodePen: Form com Pure CSS by dorian (@dorian_oliveiraoficial) on CodePen.