Menu DropDown Simples

E ai gente bunita, venho trazer um menu DropDown Vertical simples só com CSS3... é bem simples mas se você posicionar ele em algum lugar no seu template vai ficar bem legal... Aqui eu estou postando só como um exemplo de "Redes Sociais" mas você pode colocar qualquer link... em fim confiram a demo abaixo:

Demonstração

Criando Bordas Arredondadas com CSS3

 Olá novamente eu Lord Seven trazendo mais um tutorial de CSS3 para vocês. Hoje vamos aprender a criar bordas arredondadas no blogger. Veja um exemplo abaixo:

UpTutoriais - designers de verdade!

Nota:
- A maioria das bordas arredondadas não funcionam no Internet Explorer

Efeito transição com CSS3

 Novamente eu Sekaii (Lord Seven) trago o tutorial de um novo efeito de transição em CSS3, parecido com aqueles usados em link, veja uma demonstração abaixo:

UpTutoriais - Designer de verdade!

Muito bem, para colocar esse efeito em seu site/blog basta ir em:

Animações e efeitos com CSS3

Agora já é possível usar CSS para criar efeitos que antes eram possíveis apenas usando Flash. O CSS3 permite construir animações e efeitos sofisticados até, como aqueles em 3D, e o melhor: tudo de forma bem simples. Ou seja, o céu é o limite para quem deseja aliar JavaScript ao CSS3 e criar apps ultramodernas (e com cara de que levaram muuuito tempo para fazer). Mas no vídeo abaixo você verá que nem é tão trabalhoso ou difícil assim. Felipe Moura até criou um personagem para mostrar como é simples fazer efeitos e animações múltiplas em CSS3. E analisa detalhadamente várias referências e conceitos, como:

Efeito Tooltip com Transition

E ai galerinha, depois de tirar as teia de aranha do meu painel de postagens do blogger, venho trazer o Efeito Tooltip com Transition, é um efeito que peguei e editei... falando um pouco sobre esse efeito é o seguinte: ao passar o mause sobre o link ele mostra o titulo do link (pode ser link ou imagem) de uma forma personalizada ... confiram a Demo abaixo:

Demonstração

Botões redes sociais

Eai galera, nesse tutorial vou ensinar a colocar esses botões no seu blog/site confira a demonstração abaixo
Demonstração

Texto Refletido com CSS3

Yo galera, hoje venho trazer um tutorial bem bacana que é texto refletido com css3, é muito show. Qualquer dúvida deixe um comentário.

Demonstração

Menu Vertical CSS3

Eai galera, hoje trouxe um menu completamente feito com CSS3 com uso de apenas uma imagem, confiram a demontração abaixo:
Demonstração

Efeito Antigo em Imagens

Eai galera, achei esse efeito muito bacana em um tumblr por ai, confiram a demonstração abaixo:

Demonstração

Rainbow Effect

Eai galera trouxe um efeito muito bacana pra vocês, confira a demonstração abaixo:

Demonstração

Efeito Blur

Yo galera, hoje venho trazer mais um efeito foda, isso mesmo é foda! Ele é um efeito muito bom para melhorar o estilo de suas imagens do seu site. Qualquer dúvida deixe um comentário.

Demonstração

Efeito Tooltip em Redes Sociais Animado com CSS3

Olá, eu venho aqui para dar um presente ao seu blog ^_^,  trata-se de um efeito para redes sociais que usa a técnica tooltip e será animado com CSS3.

Demonstração

Diagrama com CSS 3

Galera hoje vou postar um diagrama de porcentagem que tenho no meu Portfólio, à pedido da galera do chat. Eu uso para porcentagem dos meus conhecimentos em linguagens da web, mas vocês podem usar para outras coisas, para sites de animes como por exemplo: animes upadas para o site ou para diversas coisas que vocês acham que esse código se encaixe. Confira a demo abaixo na área de "Conhecimentos":

Demonstração

Text Gradients Simples

Fala pessoal,hoje trago para vocês um recurso bem legal em letras,utilizando CSS3.O text gradients é um degradê em letras.

Demonstração

Imagem Hover Top

Yo galera, venho trazer outro efeito pra vocês, esse é chamado de Imagem Hover Top, espero que todos gostem. Qualquer dúvida deixe um comentário.

Demonstração

Introdução CSS

A dúvida de muitos , o que afinal é CSS ?

Cascading Style Sheets (ou simplesmente CSS) é tudo que está entre <style type=”text/css”> ou <style> e </style>  CSS é um documento onde são definidas regras de formatação ou de estilos ao serem aplicadas aos elementos da marcação.Uma linguagem de estilo utilizada para definir documentos como HTML ou XML. Seu principal benefício é prover a separação entre o formato e o conteúdo de um documento.

Efeito Enhancing

Eae gente aqui e o Matheus hoje eu vo ensinar a como fazer um efeito realmente muito show de bola acho que vocês iram adorar

Demonstração

Efeito Scale

Yo galera, venho trazer esse efeito muito show que achei na net. Qualquer dúvida deixe um comentário.

Demonstração

#2 - Estruturando uma página com HTML 5 e CSS 3

Olá galera, ao longo das nossas postagens vou postar sobre várias coisas, e entre elas vou me dedicar ao HTML 5, pois, além de passar para vocês eu também quero aprender essa linguagem, a mesma sendo aplicada com CSS 3 é uma combinação perfeita, sai um pouco do clichê que é o blogger e deixa a página mais dinamizada...

Esta é nossa segunda postagem sobre HTML 5 a primeira foi uma introdução que por sinal foi bem esclarecedora, quem quiser dar uma conferida segue o link: Introdução ao HTML 5.

Nessa Postagem vai ser um dos cursos de várias sequências, e vou logo avisando: isso só vai ser aproveitoso para quem realmente quer aprender, para quem não gosta de ler não vai adiantar muito. Eu resolvi fazer sobre Portfólio já que está uma febre, nesta aula eu vou estruturar a HOME de uma forma básica porém, bem sofisticada.. nas aulas seguintes eu vou estruturando as sub-páginas como: Biografia, Contato (apesar de já ter essa opção na home, iremos colocar informações adicionais), Habilidades, Serviços, essas serão as páginas básicas de um portfólio, com a estruturação dessas com certeza você estará preparado para criar outras. Bom confira a Demo abaixo, de como vai ficar nossa estruturação:

Demonstração

*Este template será visualizado melhor com todas em browsers Webkit, como Safari e Chrome.

Menu Surprise

Bom, eu fiz esse menu com a medida da sidebar que esta em um blog de testes que eu uso. Então, se for usar, não mude as medidas. Só mude se souber um pouco sobre HTML, esse menu é bem bacana na minha opinião onde no estado hover o menu aparece frente a imagem como visto na demonstração abaixo.
Demonstração