Share Social Best Effects

Developer
MaCeLMp4
Size
7,565 Kb
Views
20,240
  1. Share Social Best Effects Previews
  2. Share Social Best Effects HTML Codes
  3. Share Social Best Effects CSS Codes
  4. Share Social Best Effects JS Codes

How do I make an share social best effects?

Share Social. What is a share social best effects? How do you make a share social best effects? This script and codes were developed by MaCeLMp4 on 16 September 2022, Friday.

Share Social Best Effects Previews
IQ Test

Share Social Best Effects - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Share Social Best Effects</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="container">	<div class="cell ">	<div class="share-wrapper left"> <div class="rc10 share-action icon-share"></div> <div class="share-container rc10"> <a class="share-btn tl icon-google-plus" href='#'></a> <a class="share-btn tr icon-twitter" href='#'></a> <a class="share-btn br icon-facebook" href='#'></a> <a class="share-btn bl icon-pinterest" href='#'></a> </div>	</div>	</div>	<div class="cell ">	<div class="share-wrapper top"> <div class="rc10 share-action icon-share"></div> <div class="share-container rc10"> <a class="share-btn tl icon-google-plus" href='#'></a> <a class="share-btn tr icon-twitter" href='#'></a> <a class="share-btn br icon-facebook" href='#'></a> <a class="share-btn bl icon-pinterest" href='#'></a> </div>	</div>	</div> <div class="cell">	<div class="share-wrapper below"> <div class="rc10 share-action icon-share"></div> <div class="share-container rc10 "> <a class="share-btn tl icon-google-plus" href='#'></a> <a class="share-btn tr icon-twitter" href='#'></a> <a class="share-btn br icon-facebook" href='#'></a> <a class="share-btn bl icon-pinterest" href='#'></a> </div>	</div>	</div>	<div class="cell ">	<div class="share-wrapper bottom"> <div class="rc10 share-action icon-share"></div> <div class="share-container rc10"> <a class="share-btn tl icon-google-plus" href='#'></a> <a class="share-btn tr icon-twitter" href='#'></a> <a class="share-btn br icon-facebook" href='#'></a> <a class="share-btn bl icon-pinterest" href='#'></a> </div>	</div>	</div>	<div class="cell ">	<div class="share-wrapper right"> <div class="rc10 share-action icon-share"></div> <div class="share-container rc10"> <a class="share-btn tl icon-google-plus" href='#'></a> <a class="share-btn tr icon-twitter" href='#'></a> <a class="share-btn br icon-facebook" href='#'></a> <a class="share-btn bl icon-pinterest" href='#'></a> </div>	</div>	</div>	<div class="cell ">	<div class="share-wrapper left"> <div class="share-action icon-share"></div> <div class="share-container"> <a class="share-btn tl icon-google-plus" href='#'></a> <a class="share-btn tr icon-twitter" href='#'></a> <a class="share-btn br icon-facebook" href='#'></a> <a class="share-btn bl icon-pinterest" href='#'></a> </div>	</div>	</div>	<div class="cell ">	<div class="share-wrapper top"> <div class="share-action icon-share"></div> <div class="share-container"> <a class="share-btn tl icon-google-plus" href='#'></a> <a class="share-btn tr icon-twitter" href='#'></a> <a class="share-btn br icon-facebook" href='#'></a> <a class="share-btn bl icon-pinterest" href='#'></a> </div>	</div>	</div>	<div class="cell ">	<div class="share-wrapper below"> <div class="share-action icon-share"></div> <div class="share-container"> <a class="share-btn tl icon-google-plus" href='#'></a> <a class="share-btn tr icon-twitter" href='#'></a> <a class="share-btn br icon-facebook" href='#'></a> <a class="share-btn bl icon-pinterest" href='#'></a> </div>	</div>	</div>	<div class="cell ">	<div class="share-wrapper bottom"> <div class="share-action icon-share"></div> <div class="share-container"> <a class="share-btn tl icon-google-plus" href='#'></a> <a class="share-btn tr icon-twitter" href='#'></a> <a class="share-btn br icon-facebook" href='#'></a> <a class="share-btn bl icon-pinterest" href='#'></a> </div>	</div>	</div>	<div class="cell ">	<div class="share-wrapper right"> <div class="share-action icon-share"></div> <div class="share-container"> <a class="share-btn tl icon-google-plus" href='#'></a> <a class="share-btn tr icon-twitter" href='#'></a> <a class="share-btn br icon-facebook" href='#'></a> <a class="share-btn bl icon-pinterest" href='#'></a> </div>	</div>	</div> <div class="cell ">	<div class="share-wrapper left"> <div class="rc50 share-action icon-share"></div> <div class="share-container rc50"> <a class="share-btn tl icon-google-plus" href='#'></a> <a class="share-btn tr icon-twitter" href='#'></a> <a class="share-btn br icon-facebook" href='#'></a> <a class="share-btn bl icon-pinterest" href='#'></a> </div>	</div>	</div>	<div class="cell ">	<div class="share-wrapper top"> <div class="rc50 share-action icon-share"></div> <div class="share-container rc50"> <a class="share-btn tl icon-google-plus" href='#'></a> <a class="share-btn tr icon-twitter" href='#'></a> <a class="share-btn br icon-facebook" href='#'></a> <a class="share-btn bl icon-pinterest" href='#'></a> </div>	</div>	</div> <div class="cell">	<div class="share-wrapper below"> <div class="rc50 share-action icon-share"></div> <div class="share-container rc50"> <a class="share-btn tl icon-google-plus" href='#'></a> <a class="share-btn tr icon-twitter" href='#'></a> <a class="share-btn br icon-facebook" href='#'></a> <a class="share-btn bl icon-pinterest" href='#'></a> </div>	</div>	</div>	<div class="cell ">	<div class="share-wrapper bottom"> <div class="rc50 share-action icon-share"></div> <div class="share-container rc50"> <a class="share-btn tl icon-google-plus" href='#'></a> <a class="share-btn tr icon-twitter" href='#'></a> <a class="share-btn br icon-facebook" href='#'></a> <a class="share-btn bl icon-pinterest" href='#'></a> </div>	</div>	</div>	<div class="cell ">	<div class="share-wrapper right"> <div class="rc50 share-action icon-share"></div> <div class="share-container rc50"> <a class="share-btn tl icon-google-plus" href='#'></a> <a class="share-btn tr icon-twitter" href='#'></a> <a class="share-btn br icon-facebook" href='#'></a> <a class="share-btn bl icon-pinterest" href='#'></a> </div>	</div>	</div>	</div> <script src="js/index.js"></script>
</body>
</html>

Share Social Best Effects - Script Codes CSS Codes

.share-wrapper,
.share-action { width: 32px; height: 32px;
}
.share-wrapper { font: 14px, 'FontAwesome'; position: relative; text-align: center;
}
.share-container { margin-left: 0px; margin-top: 0px; overflow: hidden; transition: all 0.3s cubic-bezier(.05,.93,.61,1.6); box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.5); width: 0px; height: 0px; background: #fff;
}
.share-action:hover ~ .share-container,
.share-container:hover { width: 100px; height: 100px; overflow: visible;
}
.share-container:after,
.share-container:before { position: absolute; background: linear-gradient(rgba(136, 221, 255, 0.5) 0%, rgba(34, 153, 221, 0.5) 50%, rgba(136, 221, 255, 0.5) 100%); z-index:4; margin: 0; transition: all 0.5s ease-in-out; content: '';
}
.share-container:before { background: linear-gradient(left, rgba(136, 221, 255, 0.5) 0%, rgba(34, 153, 221, 0.5) 50%, rgba(136, 221, 255, 0.5) 100%); height: 1px; margin: 50% 50%; width: 0%;
}
.share-action:hover ~ .share-container:before,
.share-container:hover:before { width: 85%; left: 0px; margin: 50% 7%;
}
.share-container:after { left: -1px; height: 0%; width: 1px; margin: 50% 50%;
}
.share-action:hover ~ .share-container:after,
.share-container:hover:after { height: 85%; margin: 7% 50%;
}
.share-action { display: inline-block; vertical-align: middle; z-index: 5; position: relative; background: linear-gradient(#8df 0%, #29d 100%); box-shadow: 0 1px 5px rgba(255, 255, 255, 0.5) inset, 0 0 0px 1px rgba(33, 112, 178, 0.5); line-height: 33px; color: #fff;
}
.share-btn { display:inline-block; width: 49%; height: 49%; position: absolute; z-indez:1; border-color: #92888f; border-style: solid; border-width: 0; font-size: 0px; color: #777777; overflow: hidden;
}
.share-action:hover ~ .share-container .share-btn ,
.share-container:hover .share-btn { overflow: visible; font-size: 25px;
}
.share-btn:hover { background:linear-gradient(#8df 0%, #29d 100%); color: #ffffff; text-shadow: 0 -1px #4298e0;
}
.share-btn.tl { right: 50%; bottom: 50%;
}
.share-btn.tr { left: 50%; bottom: 50%;
}
.share-btn.br { left: 50%; top: 50%;
}
.share-btn.bl { right: 50%; top: 50%;
}
.share-btn { line-height: 50px;
}
.rc50 { border-radius: 50%;
}
.rc50 .share-btn.tl { border-top-left-radius: 100%;
}
.rc50 .share-btn.tr { border-top-right-radius: 100%;
}
.rc50 .share-btn.br { border-bottom-right-radius: 100%;
}
.rc50 .share-btn.bl { border-bottom-left-radius: 100%;
}
.rc50.share-container .share-btn.tl { text-indent: 5px; line-height: 55px;
}
.rc50.share-container .share-btn.tr { line-height: 50px;
}
.rc50.share-container .share-btn.br { line-height: 46px; text-indent: -2px;
}
.rc50.share-container .share-btn.bl { text-indent: 2px; line-height: 47px;
}
.rc10 { border-radius: 10%;
}
.below .share-btn.tl,
.rc10 .share-btn.tl { line-height: 50px;
}
.below .share-btn.tr,
.rc10 .share-btn.tr { line-height: 45px; text-indent: 3px;
}
.below .share-btn.br,
.rc10 .share-btn.br { line-height: 50px;
}
.below .share-btn.bl,
.rc10 .share-btn.bl { text-indent: -2px; line-height: 55px;
}
.rc10 .share-btn.tl { border-top-left-radius: 20%;
}
.rc10 .share-btn.tr { border-top-right-radius: 20%;
}
.rc10 .share-btn.br { border-bottom-right-radius: 20%;
}
.rc10 .share-btn.bl { border-bottom-left-radius: 20%;
}
/** positions **/
.below.share-wrapper { margin: 50% auto; top: -16px;
}
.bottom.share-wrapper { margin: 25% auto 0;
}
.top.share-wrapper { margin: 65% auto 0;
}
.left.share-wrapper { margin: 50% 0 0 65%; top: -16px;
}
.right.share-wrapper { margin: 50% 0 0 25%; top: -16px;
}
.below .share-container { position: absolute; top: 50%; left: 50%;
}
.bottom .share-container,
.top .share-container { position: absolute; top: 0%; left: 0%;
}
.left .share-container,
.right .share-container { position: absolute; top: 0%; right: 50%;
}
.bottom .share-action:hover ~ .share-container .share-btn:nth-child(1):after,
.bottom .share-container:hover .share-btn:nth-child(1):after { content: ''; border: 11px solid transparent; border-bottom-color: #fff; border-top: none; width: 0; height: 0; position: absolute; left: 100%; margin-left: -11px; margin-top: -11px;
}
.top .share-action:hover ~ .share-container .share-btn:nth-child(4):after,
.top .share-container:hover .share-btn:nth-child(4):after { content: ''; border: 11px solid transparent; border-top-color: #fff; border-bottom: none; width: 0; height: 0; position: absolute; left: 100%; top: 100%; margin-left: -11px;
}
.left .share-action:hover ~ .share-container .share-btn:nth-child(2):after,
.left .share-container:hover .share-btn:nth-child(2):after { content: ''; border: 11px solid transparent; border-left-color: #fff; border-right: none; width: 0; height: 0; position: absolute; left: 100%; top: 100%; margin-top: -11px;
}
.right .share-action:hover ~ .share-container .share-btn:nth-child(1):after,
.right .share-container:hover .share-btn:nth-child(1):after { content: ''; border: 11px solid transparent; border-right-color: #fff; border-left: none; width: 0; height: 0; position: absolute; right: 100%; top: 100%; margin-top: -11px;
}
.left .share-action:hover:after,
.right .share-action:hover:after,
.bottom .share-action:hover:after,
.top .share-action:hover:after { position: absolute; content: ''; z-index: 1;
}
.bottom .share-action:hover:after,
.top .share-action:hover:after { width: 200%; height: 20px; left: -50%; top: 100%;
}
.top .share-action:hover:after { top: auto; bottom: 100%; left: -50%;
}
.left .share-action:hover:after { left: auto; width: 20px; height: 200%; top: -50%; right: 100%;
}
.right .share-action:hover:after { top: -50%; left: 100%; width: 20px; height: 200%;
}
.below .share-container,
.top .share-container,
.right .share-container,
.bottom .share-container { top : 0%; left: 50%;
}
.left .share-container { top : 0%; right: 50%;
}
.below .share-action:hover ~ .share-container,
.below .share-container:hover { top: -100%; left: -100%;
}
.bottom .share-action:hover ~ .share-container,
.bottom .share-container:hover { margin-left: 0px; left: -100%; top: 50px;
}
.top .share-action:hover ~ .share-container,
.top .share-container:hover { margin-left: 0px; left: -100%; top: -120px;
}
.left .share-action:hover ~ .share-container,
.left .share-container:hover { margin-right: 20px; right: 100%; top: -100%;
}
.right .share-action:hover ~ .share-container,
.right .share-container:hover { margin-left: 20px; left: 100%; top: -100%;
}
.bottom .rc10 .share-btn { text-indent: 0; line-height: 50px;
}
.bottom .share-container .share-btn.tl { line-height: 55px;
}
/* Font Awesome the iconic font designed for use with Twitter Bootstrap ------------------------------------------------------- The full suite of pictographic icons, examples, and documentation can be found at: https://fortawesome.github.com/Font-Awesome/ License ------------------------------------------------------- The Font Awesome webfont, CSS, and LESS files are licensed bottom CC BY 3.0: http://creativecommons.org/licenses/by/3.0/ A mention of 'Font Awesome - https://fortawesome.github.com/Font-Awesome' in human-readable source code is considered acceptable attribution (most common on the web). If human readable source code is not available to the end user, a mention in an 'About' or 'Credits' screen is considered acceptable (most common in desktop or mobile software). Contact ------------------------------------------------------- Email: [email protected] Twitter: https://twitter.com/fortaweso_me Work: http://lemonwi.se co-fobottom */
@font-face{ font-family:FontAwesome; src:url(https://netdna.bootstrapcdn.com/font-awesome/2.0/font//fontawesome-webfont.eot?#iefix) format('eot'), url(https://netdna.bootstrapcdn.com/font-awesome/2.0/font//fontawesome-webfont.woff) format('woff'), url(https://netdna.bootstrapcdn.com/font-awesome/2.0/font//fontawesome-webfont.ttf) format('truetype'), url(https://netdna.bootstrapcdn.com/font-awesome/2.0/font//fontawesome-webfont.svg#FontAwesome) format('svg'); font-weight:400;font-style:normal;}
/* Font Awesome styles ------------------------------------------------------- */
[class^="icon-"]:before, [class*=" icon-"]:before { font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit;
}
a [class^="icon-"], a [class*=" icon-"] { display: inline-block; text-decoration: inherit;
}
/* makes the font 33% larger relative to the icon container */
.icon-large:before { vertical-align: top; font-size: 1.3333333333333333em;
}
.btn [class^="icon-"], .btn [class*=" icon-"] { /* keeps button heights with and without icons the same */ line-height: .9em;
}
li [class^="icon-"], li [class*=" icon-"] { display: inline-block; width: 1.25em; text-align: center;
}
li .icon-large[class^="icon-"], li .icon-large[class*=" icon-"] { /* 1.5 increased font size for icon-large * 1.25 width */ width: 1.875em;
}
li[class^="icon-"], li[class*=" icon-"] { margin-left: 0; list-style-type: none;
}
li[class^="icon-"]:before, li[class*=" icon-"]:before { text-indent: -2em; text-align: center;
}
li[class^="icon-"].icon-large:before, li[class*=" icon-"].icon-large:before { text-indent: -1.3333333333333333em;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */
.icon-facebook:before { content: "\f09a"; }
.icon-twitter:before { content: "\f099"; }
.icon-pinterest:before { content: "\f0d2"; }
.icon-google-plus:before { content: "\f0d5"; }
.icon-share:before { content: "\f045"; }
/* global */
body { background: radial-gradient(center, ellipse cover, #fefefe 0%, #dbe5e7 100%); background-attachment: fixed;
}
h1 { text-align: center; color: #56a6e4; font-size: 2em; font-weight: bold; padding: 5px; text-transform: uppercase;
}
a { text-decoration: none;
}
.container { width: 1000px; margin: 0 auto;
}
.cell { float: left; width: 200px; height: 200px; position: relative;
}
.debug .share-container { width: 100px; height: 100px;
}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:hover,a:active{outline:0}h1{font-size:2em;margin:0.67em 0}h2{font-size:1.5em;margin:0.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:0.83em;margin:1.67em 0}h6{font-size:0.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}pre,code,kbd,samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}a img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

Share Social Best Effects - Script Codes JS Codes

(function(){function e(e,t){return[].slice.call((t||document).querySelectorAll(e))}if(!window.addEventListener)return;var t=window.StyleFix={link:function(e){try{if(e.rel!=="stylesheet"||e.hasAttribute("data-noprefix"))return}catch(n){return}var r=e.href||e.getAttribute("data-href"),i=r.replace(/[^\/]+$/,""),s=e.parentNode,o=new XMLHttpRequest,u;o.onreadystatechange=function(){o.readyState===4&&u()},u=function(){var n=o.responseText;if(n&&e.parentNode&&(!o.status||o.status<400||o.status>600)){n=t.fix(n,!0,e);if(i){n=n.replace(/url\(\s*?((?:"|')?)(.+?)\1\s*?\)/gi,function(e,t,n){return/^([a-z]{3,10}:|\/|#)/i.test(n)?e:'url("'+i+n+'")'});var r=i.replace(/([\\\^\$*+[\]?{}.=!:(|)])/g,"\\$1");n=n.replace(RegExp("\\b(behavior:\\s*?url\\('?\"?)"+r,"gi"),"$1")}var u=document.createElement("style");u.textContent=n,u.media=e.media,u.disabled=e.disabled,u.setAttribute("data-href",e.getAttribute("href")),s.insertBefore(u,e),s.removeChild(e),u.media=e.media}};try{o.open("GET",r),o.send(null)}catch(n){typeof XDomainRequest!="undefined"&&(o=new XDomainRequest,o.onerror=o.onprogress=function(){},o.onload=u,o.open("GET",r),o.send(null))}e.setAttribute("data-inprogress","")},styleElement:function(e){if(e.hasAttribute("data-noprefix"))return;var n=e.disabled;e.textContent=t.fix(e.textContent,!0,e),e.disabled=n},styleAttribute:function(e){var n=e.getAttribute("style");n=t.fix(n,!1,e),e.setAttribute("style",n)},process:function(){e('link[rel="stylesheet"]:not([data-inprogress])').forEach(StyleFix.link),e("style").forEach(StyleFix.styleElement),e("[style]").forEach(StyleFix.styleAttribute)},register:function(e,n){(t.fixers=t.fixers||[]).splice(n===undefined?t.fixers.length:n,0,e)},fix:function(e,n,r){for(var i=0;i<t.fixers.length;i++)e=t.fixers[i](e,n,r)||e;return e},camelCase:function(e){return e.replace(/-([a-z])/g,function(e,t){return t.toUpperCase()}).replace("-","")},deCamelCase:function(e){return e.replace(/[A-Z]/g,function(e){return"-"+e.toLowerCase()})}};(function(){setTimeout(function(){e('link[rel="stylesheet"]').forEach(StyleFix.link)},10),document.addEventListener("DOMContentLoaded",StyleFix.process,!1)})()})(),function(e){function t(e,t,r,i,s){e=n[e];if(e.length){var o=RegExp(t+"("+e.join("|")+")"+r,"gi");s=s.replace(o,i)}return s}if(!window.StyleFix||!window.getComputedStyle)return;var n=window.PrefixFree={prefixCSS:function(e,r,i){var s=n.prefix;n.functions.indexOf("linear-gradient")>-1&&(e=e.replace(/(\s|:|,)(repeating-)?linear-gradient\(\s*(-?\d*\.?\d*)deg/ig,function(e,t,n,r){return t+(n||"")+"linear-gradient("+(90-r)+"deg"})),e=t("functions","(\\s|:|,)","\\s*\\(","$1"+s+"$2(",e),e=t("keywords","(\\s|:)","(\\s|;|\\}|$)","$1"+s+"$2$3",e),e=t("properties","(^|\\{|\\s|;)","\\s*:","$1"+s+"$2:",e);if(n.properties.length){var o=RegExp("\\b("+n.properties.join("|")+")(?!:)","gi");e=t("valueProperties","\\b",":(.+?);",function(e){return e.replace(o,s+"$1")},e)}return r&&(e=t("selectors","","\\b",n.prefixSelector,e),e=t("atrules","@","\\b","@"+s+"$1",e)),e=e.replace(RegExp("-"+s,"g"),"-"),e=e.replace(/-\*-(?=[a-z]+)/gi,n.prefix),e},property:function(e){return(n.properties.indexOf(e)?n.prefix:"")+e},value:function(e,r){return e=t("functions","(^|\\s|,)","\\s*\\(","$1"+n.prefix+"$2(",e),e=t("keywords","(^|\\s)","(\\s|$)","$1"+n.prefix+"$2$3",e),e},prefixSelector:function(e){return e.replace(/^:{1,2}/,function(e){return e+n.prefix})},prefixProperty:function(e,t){var r=n.prefix+e;return t?StyleFix.camelCase(r):r}};(function(){var e={},t=[],r={},i=getComputedStyle(document.documentElement,null),s=document.createElement("div").style,o=function(n){if(n.charAt(0)==="-"){t.push(n);var r=n.split("-"),i=r[1];e[i]=++e[i]||1;while(r.length>3){r.pop();var s=r.join("-");u(s)&&t.indexOf(s)===-1&&t.push(s)}}},u=function(e){return StyleFix.camelCase(e)in s};if(i.length>0)for(var a=0;a<i.length;a++)o(i[a]);else for(var f in i)o(StyleFix.deCamelCase(f));var l={uses:0};for(var c in e){var h=e[c];l.uses<h&&(l={prefix:c,uses:h})}n.prefix="-"+l.prefix+"-",n.Prefix=StyleFix.camelCase(n.prefix),n.properties=[];for(var a=0;a<t.length;a++){var f=t[a];if(f.indexOf(n.prefix)===0){var p=f.slice(n.prefix.length);u(p)||n.properties.push(p)}}n.Prefix=="Ms"&&!("transform"in s)&&!("MsTransform"in s)&&"msTransform"in s&&n.properties.push("transform","transform-origin"),n.properties.sort()})(),function(){function e(e,t){return i[t]="",i[t]=e,!!i[t]}var t={"linear-gradient":{property:"backgroundImage",params:"red, teal"},calc:{property:"width",params:"1px + 5%"},element:{property:"backgroundImage",params:"#foo"},"cross-fade":{property:"backgroundImage",params:"url(a.png), url(b.png), 50%"}};t["repeating-linear-gradient"]=t["repeating-radial-gradient"]=t["radial-gradient"]=t["linear-gradient"];var r={initial:"color","zoom-in":"cursor","zoom-out":"cursor",box:"display",flexbox:"display","inline-flexbox":"display",flex:"display","inline-flex":"display"};n.functions=[],n.keywords=[];var i=document.createElement("div").style;for(var s in t){var o=t[s],u=o.property,a=s+"("+o.params+")";!e(a,u)&&e(n.prefix+a,u)&&n.functions.push(s)}for(var f in r){var u=r[f];!e(f,u)&&e(n.prefix+f,u)&&n.keywords.push(f)}}(),function(){function t(e){return s.textContent=e+"{}",!!s.sheet.cssRules.length}var r={":read-only":null,":read-write":null,":any-link":null,"::selection":null},i={keyframes:"name",viewport:null,document:'regexp(".")'};n.selectors=[],n.atrules=[];var s=e.appendChild(document.createElement("style"));for(var o in r){var u=o+(r[o]?"("+r[o]+")":"");!t(u)&&t(n.prefixSelector(u))&&n.selectors.push(o)}for(var a in i){var u=a+" "+(i[a]||"");!t("@"+u)&&t("@"+n.prefix+u)&&n.atrules.push(a)}e.removeChild(s)}(),n.valueProperties=["transition","transition-property"],e.className+=" "+n.prefix,StyleFix.register(n.prefixCSS)}(document.documentElement);
Share Social Best Effects - Script Codes
Share Social Best Effects - Script Codes
Home Page Home
Developer MaCeLMp4
Username MaCeLMp4
Uploaded September 16, 2022
Rating 3
Size 7,565 Kb
Views 20,240
Do you need developer help for Share Social Best Effects?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

MaCeLMp4 (MaCeLMp4) Script Codes
Name
CSS Only Rotating Menu
Animated Vertical CSS3 Menu
Timer Tab
Perspective Sidebar Vertical
Flexible Calendar V1
Pure CSS 1Password Logo
Perspective Sidebar
A Pen by MaCeLMp4
Animated Vertical CSS3 Menu Black
CSS3 Awesome Menu Black
Create amazing captions with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!