1. Text Transform: o texto muda todo ao passar o mouse :3
2. Uma animação para Halloween (Boooo)
3.Nesse você digita alguma coisa, letra ou símbolo em 'type', que vai aparecer no lugar dos asteriscos:
4.Efeito hover legal:
5.Botões coloridos: não dariam um menu bonitinho?
6.Diz pra mim que isso não é tipo um Rilakkuma rosa :3
7.Sol!!!
8. Acho que esse é aquele bichinho, o Kyubey, de um anime que não me lembro...Madoka Magica?
9. Booo de novo! Agora vocês ficaram assustados neh! :D~só que não...
10. Bordas serrilhadas com CSS? :O
11.Menu Tabs
Eu, como disse, adorei! Pensa quanta criatividade!!! Espero um dia fazer coisas assim, e claro, compartilhar com vocês, caso consiga. Para usar vocês terão que adaptar os códigos de acordo com a necessidade ou onde forem aplicar.
Para testar ou visitar os autores é só clicar no logo do Codepen (Edit on Codepen), em cada demonstração, mas se preferir, os links de todos eles:
Animated Hover Effect using CSS3 Transforms by Braad Martin (@BraadMartin) Happy Halloween by Allan Jay Tomol (@atomistheman) hcdot by Nate Wiley (@natewiley) Bootstrap Row hover animation by Hervé (@hmdmweb) cutesy by Charbs (@cayoub88) A cute widdle bear in CSS :D by Sam Seay (@samueljseay) CSS3 sun by mzhou (@zmmbreeze) Pure CSS Animal by Luke Shimkus (@KingShimkus) ghost by Helen (@helenvholmes) Pinked Border by Joey Hoer (@joeyhoer) Pink Menu Tabs by Aleks (@achudars) .
Beijo♥
2. Uma animação para Halloween (Boooo)
3.Nesse você digita alguma coisa, letra ou símbolo em 'type', que vai aparecer no lugar dos asteriscos:
4.Efeito hover legal:
5.Botões coloridos: não dariam um menu bonitinho?
6.Diz pra mim que isso não é tipo um Rilakkuma rosa :3
7.Sol!!!
8. Acho que esse é aquele bichinho, o Kyubey, de um anime que não me lembro...Madoka Magica?
9. Booo de novo! Agora vocês ficaram assustados neh! :D~só que não...
10. Bordas serrilhadas com CSS? :O
11.Menu Tabs
Eu, como disse, adorei! Pensa quanta criatividade!!! Espero um dia fazer coisas assim, e claro, compartilhar com vocês, caso consiga. Para usar vocês terão que adaptar os códigos de acordo com a necessidade ou onde forem aplicar.
Para testar ou visitar os autores é só clicar no logo do Codepen (Edit on Codepen), em cada demonstração, mas se preferir, os links de todos eles:
Animated Hover Effect using CSS3 Transforms by Braad Martin (@BraadMartin) Happy Halloween by Allan Jay Tomol (@atomistheman) hcdot by Nate Wiley (@natewiley) Bootstrap Row hover animation by Hervé (@hmdmweb) cutesy by Charbs (@cayoub88) A cute widdle bear in CSS :D by Sam Seay (@samueljseay) CSS3 sun by mzhou (@zmmbreeze) Pure CSS Animal by Luke Shimkus (@KingShimkus) ghost by Helen (@helenvholmes) Pinked Border by Joey Hoer (@joeyhoer) Pink Menu Tabs by Aleks (@achudars) .
Imagem de abertura do post: Pixabay
Beijo♥
Roberta, ensina pra gente como vc faz essas visualizações e como faz para personalizar do nosso jeito, hehe >.<
ResponderExcluirAdorei o post, bem útil mesmo, tenho q te elogiar kkkkk você é muito boa xD
http://madnesshoujo.blogspot.com.br/
Obrigada♥ :D Você se refere a alguma específica das citadas ou a caixinha com códigos e resultados?
Excluiras caixinhas com codigos e resultados o3o
Excluirhttp://madnesshoujo.blogspot.com.br/
É o editor padrão do Codepen :3 Depois faço um post sobre como usar ok? Bjus
ExcluirRoberta como eu faço para colocar anuncios fofos na lateral do meu bloog eu coloco mais ai ele fika amarelo e nao aparece o anuncio me esplica pfv
ResponderExcluirPelo adsense? Talvez este link possa te ajudar: aqui.
ExcluirAí depois tente personalizar o widget/gadget do anúncio com este tutorial.