I made a banner/border image by myself! I drew it on paper, took a picture and traced it. The first version has my watermark. Please credit when using!
I had to resize a few things bc some werent symmetrical
Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.
✓ Live Streaming✓ Interactive Chat✓ Private Shows✓ HD Quality✓ Free Actions
Free to watch • No registration required • HD streaming
Ever wanted to have a Xamarin.Forms.Frame with a Border Image? Or have a Border Image around any of your Xamarin.Forms Elements? Welcome to another lightening short post of me hacking around Xamarin.Forms elements!
The Xamarin.Forms.Frame by default only has a boring BorderColor property without even letting you to set the Width of the Border or even set an Image as the Border.
Bom, esse efeito degrade, foi o que eu usei no footer do menu mare alta e no bg do menu footer. Eu adorei e achei super inovador. Se não me engano, esse efeito é do CSS3, então relativamente novo e nem muito usado, mas ja encontrei mil e uma utilidades. UM PS BEM GRANDÃO: AOS USUARIOS DO IE, ISTO NÃO FUNCIONARA!
Como se usa imagens? Isso é uma borda de imagem, mas não simplesmente uma bordinha comum. Tem uns elementos a mais, para mudar o tamanho da borda, o tipo e etc. O código é simples e sem muitos segredos. PAGINA DE TESTES: aqui.
Vou criar uma página de testes só com esse efeito e com imagens diversas para vocês entenderem melhor como funciona. O código é esse:
url("imagem") - é onde você vai colocar a url do seu bg (dã) pra bordinha, lembre de usar as aspas!
1 - é o zoom que vai usar na sua imagem, que quanto maior, mais real do tamanho ela vai ser, e quanto menor, mais pixelizada (NOTA: se passar de 100, você vai diminuir o tamanho real da imagem!).
0px 0px 60px 0px - é o tamanho que vai ser sua borda, e os numeros são nessa ordem: topo direita baixo esquerda; você pode mudar o tamanho e deixar como quiser (como eu fiz no menu footer).
round stretch - é pra dar o efeito de pixel, você pode usar só o round ou só o stretch, mas os efeitos vão ser diferentes, como vou mostrar na página de testes.
Agora pra fazer funcionar no safari, opera e mozila, o código tem que ser assim:
-moz-border-image: *** /* Old Firefox */
-webkit-border-image: *** /* Safari */
-oborder-image: *** /* Opera */
border-image: ***
E agora é só copiar o mesmo código que você fez no border-image e por nos outros três, pra que funcione, já que nem todos os nagevadores tem suporte a CSS3, no lugar dos ***, pra que dê o mesmo resultado nos browsers.
Caso queira borda de imagem normal, você pode usar, é só deixar 100 o primeiro numero e depois da barra, arrumar o tamanho da borda que você quer.
Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.
✓ Live Streaming✓ Interactive Chat✓ Private Shows✓ HD Quality✓ Free Actions
Free to watch • No registration required • HD streaming
New Post has been published on http://webduos.com/5-things-i-love-about-css3/
5 Things I Love About CSS3
This picture was made by Photoshop; however, you can’t find this picture by using a search engine because search engines are not able to distinguish text from a picture. Due to the size of the picture, users with low internet speeds also have to wait a long time for it to load when browsing....
