Subscribe to:
Post Comments (Atom)
ul.social_btrix { list-style:none; display:inline-block; margin:15px auto; } ul.social_btrix li { display:inline; float:left; background-repeat:no-repeat; } ul.social_btrix li a { display:block; width:50px; height:50px; padding-right:10px; position:relative; text-decoration:none; } ul.social_btrix li a strong { font-weight:400; position:absolute; left:20px; top:-1px; color:#fff; z-index:9999; text-shadow:1px 1px 0 rgba(0,0,0,0.75); background-color:rgba(0,0,0,0.7); -moz-border-radius:3px; -moz-box-shadow:0 0 5px rgba(0,0,0,0.5); -webkit-border-radius:3px; -webkit-box-shadow:0 0 5px rgba(0,0,0,0.5); border-radius:3px; box-shadow:0 0 5px rgba(0,0,0,0.5); padding:3px; } ul.social_btrix li.abfacebook { background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixSLvvvFYnk8P93JouwKc9KSEtXibJWCP56thVzm-hvwdey2HohIPAX-TNmcKdLnWM5NUoK2lGTU-enFNjFjwdETrsc1Uh0FqvsrOozyAPrqv-VNGISKY7R9RJP3WjtUTYwvFtAh44N6NI/s1600/btrix-facebook-icon.png); } ul.social_btrix li.abtwitter { background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrTwX0ObRz-Od37_8Ooj0rHGef2RwkKVsusJjVKGIrrR1wJyg4orXRLVRl2HQwo-ICQSsr7-hQq7pVNDg2VOVwJNAtwHhCsvFEWpM-yoC6eYZXJ4yVhy7OwFsEeBlHJxm7qItS3Y6HEErx/s1600/btrix-twitter-icon.png); } ul.social_btrix li.abgoogleplus { background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLoiTTjhAWGdxboAKExf0_dLG1aqwBvkXxv6INwiyn4kBTn9cvuystEM0X2j9ppzUd3FEfZqVAd3QpdlJDikQlenxAiKKSUlNGtMBhxfbSV32qOE4XHVpWYFHXuM_ch9VxI_m7KnxO7bPd/s1600/btrix-google-icon.png); } ul li.abpinterest { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNhW7hGjZr7Tb2oTOFYcMSSZDVw01mL1Ws2FgClaY7j1GBW8361Si4PCvQYavMY9tkpO4Fh7X99hevYGLuRbyhMsLLvcWH5EW25XBgAEuB3AmKmQuwD6OLJIlGjXbBh_QEBiF7s0auRlZL/s1600/btrix-Pinterest-icon.png); } ul.social_btrix li.abstumbleupon { background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRtOSmbtAO0nt9ZkkAnF8seqk6XJkbAC-XLo4TR7aALy74717wK-wSVk9u1Og7NTmwETgarWXZqjiCNY0My73CwIi_g5PYP1kg7IZlPVDfWEGFfKieKsoAm3UF9becV8aZS3jwQneXKb6A/s1600/btrix-StumbleUpon-icon.png); } ul.social_btrix li.abdig {background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjtTIQVsBzZHhXMCCEe_KZou0cqLGjvsg5aE1vn3oCIcAQPyQJOvuWdqyhihAmzuMxP5-1AzyXIC5QlxnPqPrgdJVWJnFJUxmT4kF93Jj_exuCHl13uF-RB5Jbaq8W5uOp-k_hf4jVpXl_/s1600/btrix-Digg-icon.png); } ul.social_btrix li.ablinkedin { background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe7OAHKgvDCMHPyPTvQwZbzxBOozF1SR2zTeBcz77-q4D0Rs5etOmncNzKYrUaXN28WJr0Chdzee6azM2bmhJctwUs7qLi72DF1MVo5VP5Q6Jtc4xM6U8_wYGLYLkwppXm2goc0w_-H3oc/s1600/btrix-Linkedin-icon.png); } #animation_btrix:hover li { opacity:0.2; } #animation_btrix li { -webkit-transition-property:opacity; -webkit-transition-duration:500ms; -moz-transition-property:opacity; -moz-transition-duration:500ms; } #animation_btrix li a strong { opacity:0; -webkit-transition-property:opacity, top; -webkit-transition-duration:300ms; -moz-transition-property:opacity, top; -moz-transition-duration:300ms; } #animation_btrix li:hover { opacity:1; } #animation_btrix li:hover a strong { opacity:1; top:-10px; }
0 comments:
Post a Comment