seen from Norway
seen from Netherlands
seen from Malaysia
seen from Italy
seen from Oman
seen from China
seen from Singapore
seen from United States
seen from Egypt
seen from Malaysia
seen from Russia
seen from Malaysia
seen from Russia
seen from Bangladesh
seen from Ukraine
seen from Chile
seen from Kyrgyzstan
seen from Türkiye
seen from United States
seen from India
Guys, I found one of those Link jackets for $50
Y’all remember this one? (Pretty sure it’s a Link jacket unless I’m suffering from the Mandela effect @_@)
It’s now discounted to $49.99 on Calvin Klein’s website, available in S, M and XXL as I’m typing this post. If you’ve been wanting something like this for a while, now might be the time to dive in ^_^
Estilos de link
Estilo 1
Código Css (<style>):
/** Estilo de link por Passo-html/Cavalhera **/ #ph-links a{color:#fff;} .ph-links {width:90px; margin:4px; text-align:center; display:inline-block; height:30px; line-height:30px; font-family:consolas; text-transform:uppercase; -moz-box-shadow:inset 0px 15px 0px #c7a5a5; -webkit-box-shadow:inset 0px 15px 0px #c7a5a5; box-shadow:inset 0px 15px 0px #c7a5a5; letter-spacing:1px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; background:#b58888;} .ph-links:hover {background:; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-box-shadow:inset 0px -15px 0px #c7a5a5; -webkit-box-shadow:inset 0px -15px 0px #c7a5a5; box-shadow:inset 0px -15px 0px #c7a5a5;} /** Estilo de link por Passo-html/Cavalhera **/
Código Html (<body>)
<div id="ph-links"> <a class="ph-links" href="LINK">Home</a> <a class="ph-links" href="LINK">Design</a> <a class="ph-links" href="LINK">Partnes</a> <a class="ph-links" href="LINK">Themes</a> </div>
Estilo 2
Código Css (<style>)
/** Estilo de link por Passo-html/Cavalhera **/ #ph-links {margin:50px;} #ph-links a{color:#fff;} .ph-links {width:90px; margin:4px; text-align:center; display:inline-block; height:30px; line-height:30px; font-family:consolas; text-transform:uppercase; -moz-box-shadow:inset -75px 0px 0px #c7a5a5; -webkit-box-shadow:inset -75px 0px 0px #c7a5a5; box-shadow:inset -75px 0px 0px #c7a5a5; letter-spacing:1px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; background:#b58888;} .ph-links:hover {background:; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-box-shadow:inset 75px 0px 0px #c7a5a5; -webkit-box-shadow:inset 75px 0px 0px #c7a5a5; box-shadow:inset 75px 0px 0px #c7a5a5;} /** Estilo de link por Passo-html/Cavalhera **/
Código Html (<body>)
<div id="ph-links2"> <a class="ph-links2" href="LINK">Home</a> <a class="ph-links2" href="LINK">Design</a> <a class="ph-links2" href="LINK">Partnes</a> <a class="ph-links2" href="LINK">Themes</a> </div>
Se usar, gostar, dê like.
Gabriela
Cool CSS3 Link Effects
Here is the collection of how to use CSS3 transitions to create subtle link effects on hover and enhance user experience. Designed by Brenden Palmer.
