Dec 20, 2017
just felling.. #bybru 🌊 (em Cachoeira Do Chá)
seen from United States
seen from Poland
seen from Yemen
seen from Poland
seen from United States
seen from United States
seen from United States
seen from United States
seen from China
seen from Russia
seen from Poland
seen from United States
seen from Russia
seen from Italy
seen from Türkiye
seen from Yemen
seen from Guatemala
seen from Indonesia
seen from United States
seen from United States
just felling.. #bybru 🌊 (em Cachoeira Do Chá)
LOVE!
Pont des Arts - Paris, 2014.
Tomorrowland <3
Imagens hover
Visualize aqui
Cole no seu css:
.isbell img {float: left; display: block; margin-top: 0px; max-width: 130px; -webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out; opacity: 0;} .isbell img:hover {opacity: 100;} .jeff img {display: block; max-width: 130px; margin-bottom: -208px; -webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out; opacity: 100;}
E onde queira que apareça:
<div class="isbell"><div class="jeff"><img src="http://data.whicdn.com/images/46838269/tumblr_mfdzs9ZzBK1rbg2lzo1_1280_large.jpg"/></div><img src="http://data.whicdn.com/images/46838207/tumblr_mfdzyxIjWh1rbg2lzo1_1280_large.jpg"/></div>
credite! bruna ^^
Estilo pra título #1
Visualize aqui.
Cole esse código no seu CSS:
h1 {color: #000; font-family:'adele'; font-size:100px; line-height:25px; font-weight:normal; margin:0px; padding:5px; margin-bottom:-0px; text-align:center; letter-spacing: 1px; text-transform: uppercase; text-shadow: 0px 0px 4px #000; letter-spacing: 1px; color: transparent; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} h1:hover {color: #000; font-family:'adele'; font-size:100px; line-height:25px; font-weight:normal; margin:0px; padding:5px; margin-bottom:-0px; text-align:center; letter-spacing: 1px; text-transform: uppercase; text-shadow: 0px 0px 0px #000; letter-spacing: 1px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
E esse onde queira que apareça:
<h1>Título</h1>
Se usar credite xD bjs
bruna
Efeito Wistlist V
Esse efeito é tão simples mas eu achei legalzinho hehe, enjoy
Visualização aqui
Cole esse código no seu css que fica entre <style> e </style>
/*efeito wistlist by nothingbetterthanagoodlie bruna regina* .zeppelin {display : block;font-size:9px;font-family:Arial; letter-spacing:0; border-bottom : 1px solid #bebebe;text-indent:-75px; vertical-align:middle;text-decoration:none;line-height:14px;margin-bottom:2px; background-image: url('http://static.tumblr.com/6aidcqy/leQmeo9aj/1__2_.png') ;color: #696969; border: 2px outset #FFA07A; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 3px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out } .zeppelin:hover {display : block;font-size:9px;font-family:Arial;letter-spacing:0; border-bottom :1px solid #FFA07A;z-index:5px;vertical-align:middle;text-decoration:none;line-height:14px;margin-bottom:2px; background-color: #2;color: #d4aa6a border: 2px inset #FFA07A; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out }
Cole esse código onde queira que apareça, ou seja, em <body>
<div class="zeppelin">NOME</div>
Bruna
Personalizando o Marquee
Bom, pra quem não sabe, o marquee é uma forma de deixar um texto ou uma imagem passando, e nesse tutorial eu vou ensinar uma forma de personaliza-lo.
O marquee normal, na verdade é apenas dessa forma:
<marquee>Contéudo</marquee>
No conteúdo pode ter uma imagem, texto, enfim, o conteúdo que você quer.
Agora para personalizar é bem fácil, entre nesse site e basta ir fazendo.. Ele até mostra um exemplo pra você de como está ficando a sua personalização, após arrumar do jeito que quiser, clique em "Submit" para pegar o código e basta cola-lo onde quiser :D
Espero que tudo tenha ficado claro, qualquer duvida recorram a ask, e crediteem por favor! Beijos :*
Bruna
Efeito Sixx
Quem tá sem ps se vira pra fazer uma visualização bonitinha ghuegeugeu, enjoy :D
Visualização here
Então, hey ho, let's go! hueheuheuhue
Cole o código abaixo no seu css, que fica entre <style> e </style>
/*by bruna regina nothingbetterthanagoodlie*/ .sixx{padding: 3px; margin: -1px; -webkit-transition-duration: .90s; cursor: hand; opacity:.85; ;} .sixx:hover {-webkit-transform: scale(1.300); -webkit-transition-duration: .90s; opacity:.99;}
E esse código onde quiser que apareça, ou seja entre <body> e </body>
<img width="100px" src="LINK DA SUA IMAGEM" class="sixx" /> <img width="100px" src="LINK DA SUA IMAGEM" class="sixx" /> <img width="100px" src="LINK DA SUA IMAGEM" class="sixx" /> <img width="100px" src="LINK DA SUA IMAGEM" class="sixx" />
Bruna