Be1More Button

Developer
Chris Johnston
Size
8,756 Kb
Views
6,072
  1. Be1More Button Previews
  2. Be1More Button HTML Codes
  3. Be1More Button CSS Codes
  4. Be1More Button JS Codes

How do I make an be1more button?

Built with Snap.svg.. What is a be1more button? How do you make a be1more button? This script and codes were developed by Chris Johnston on 03 January 2023, Tuesday.

Be1More Button Previews
IQ Test

Be1More Button - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Be1More Button</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <!-- Remove <a> tag to play with button -->
<a href="http://be1more.org">	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140.75 140.75" data-disable-touch-keyboard>	<circle id="circle" cx="70.375" cy="70.375" r="60.75" />	<g>	<polygon id="one" fill="#FFFFFF" points="76.966,26.654 63.652,26.654 36.357,48.638 45.005,58.889 62.295,44.686 62.295,114.096	77.113,114.096 77.113,26.774	" />	<polygon id="light" class="dim" points="81.33,30.062 81.33,47.044 95.752,58.889 104.393,48.638	" />	</g>	<g id="spin">	<path class="spin_0" d="M17.488,36.188c0.174-0.269,0.356-0.532,0.535-0.798c0.082-0.122,0.163-0.245,0.246-0.366	c0.515-0.757,1.044-1.503,1.591-2.236c0.066-0.089,0.134-0.175,0.2-0.263c0.51-0.675,1.032-1.34,1.567-1.993	c0.083-0.102,0.165-0.205,0.248-0.306c0.576-0.694,1.168-1.376,1.772-2.045c0.107-0.119,0.217-0.235,0.324-0.354	c0.59-0.643,1.189-1.275,1.805-1.893c0.037-0.037,0.073-0.076,0.11-0.112c0.647-0.648,1.313-1.278,1.989-1.897	c0.12-0.111,0.241-0.22,0.363-0.33c1.377-1.242,2.809-2.423,4.291-3.542c0.109-0.083,0.218-0.166,0.328-0.248	c0.75-0.558,1.511-1.102,2.285-1.626c0.048-0.033,0.098-0.064,0.146-0.096c0.762-0.513,1.536-1.01,2.321-1.49	c0.067-0.042,0.134-0.084,0.201-0.125c0.814-0.494,1.642-0.969,2.479-1.427c0.078-0.043,0.157-0.084,0.235-0.127	c1.699-0.918,3.443-1.761,5.231-2.523c0.091-0.039,0.183-0.078,0.274-0.116c1.789-0.753,3.618-1.425,5.485-2.012	c0.093-0.029,0.185-0.059,0.276-0.087c0.941-0.291,1.89-0.563,2.848-0.811c0.021-0.005,0.042-0.01,0.062-0.015	c0.939-0.242,1.889-0.46,2.846-0.658c0.08-0.017,0.16-0.035,0.24-0.051c0.955-0.195,1.918-0.367,2.888-0.517	c0.113-0.018,0.228-0.033,0.342-0.05c0.933-0.139,1.871-0.261,2.817-0.359c0.053-0.006,0.105-0.013,0.159-0.018	c0.959-0.097,1.925-0.168,2.896-0.221c0.188-0.01,0.375-0.019,0.562-0.027c0.965-0.044,1.933-0.074,2.908-0.074	c0.004,0,0.008,0,0.012,0s0.008,0,0.012,0c0.976,0,1.943,0.03,2.908,0.074c0.188,0.009,0.375,0.017,0.562,0.027	c0.971,0.053,1.937,0.124,2.896,0.221c0.054,0.005,0.106,0.012,0.159,0.018c0.946,0.098,1.885,0.22,2.817,0.359	c0.114,0.017,0.229,0.033,0.342,0.05c0.97,0.15,1.933,0.322,2.888,0.517c0.08,0.016,0.16,0.035,0.24,0.051	c0.957,0.198,1.906,0.417,2.846,0.658c0.021,0.005,0.041,0.01,0.062,0.015c0.958,0.248,1.906,0.52,2.848,0.811	c0.092,0.029,0.184,0.058,0.276,0.087c1.867,0.587,3.697,1.259,5.486,2.012c0.091,0.039,0.182,0.077,0.272,0.115	c1.789,0.763,3.535,1.605,5.234,2.525c0.077,0.042,0.155,0.083,0.232,0.125c0.839,0.458,1.667,0.935,2.482,1.429	c0.065,0.04,0.129,0.081,0.194,0.121c0.789,0.482,1.566,0.98,2.332,1.496c0.045,0.03,0.092,0.06,0.138,0.091	c0.776,0.526,1.539,1.071,2.29,1.63c0.107,0.08,0.214,0.162,0.321,0.243c1.485,1.121,2.92,2.304,4.3,3.548	c0.118,0.107,0.237,0.215,0.354,0.323c0.679,0.622,1.347,1.254,1.997,1.904c0.032,0.032,0.063,0.065,0.096,0.098	c0.621,0.624,1.227,1.263,1.822,1.911c0.104,0.114,0.21,0.228,0.313,0.342c0.607,0.672,1.202,1.357,1.781,2.055	c0.078,0.095,0.155,0.192,0.233,0.288c0.542,0.662,1.071,1.334,1.587,2.019c0.062,0.081,0.125,0.161,0.186,0.243	c0.551,0.737,1.083,1.488,1.602,2.25c0.078,0.116,0.155,0.232,0.233,0.348c0.181,0.27,0.365,0.536,0.542,0.808v-1.791	C115.213,22.6,103.329,13.618,89.415,9.271c-0.033-0.01-0.067-0.021-0.101-0.031C87.377,8.639,85.4,8.128,83.39,7.711	c-0.089-0.019-0.177-0.037-0.266-0.055c-0.987-0.201-1.981-0.38-2.983-0.534c-0.049-0.007-0.097-0.013-0.145-0.021	c-0.967-0.146-1.941-0.27-2.922-0.372C76.987,6.72,76.9,6.708,76.813,6.7c-0.972-0.098-1.95-0.17-2.934-0.224	c-0.175-0.009-0.351-0.017-0.526-0.024c-0.987-0.046-1.979-0.076-2.979-0.076c-0.999,0-1.991,0.03-2.979,0.076	c-0.176,0.008-0.352,0.015-0.526,0.024c-0.983,0.054-1.962,0.126-2.934,0.224c-0.087,0.009-0.174,0.02-0.261,0.029	c-0.98,0.103-1.955,0.226-2.922,0.372c-0.048,0.008-0.096,0.014-0.145,0.021c-1.002,0.154-1.996,0.333-2.983,0.534	c-0.089,0.018-0.177,0.037-0.266,0.055c-2.011,0.417-3.988,0.928-5.927,1.53c-0.032,0.01-0.064,0.02-0.098,0.03	C37.422,13.618,25.537,22.6,17.488,34.397V36.188z" />	<path class="spin_1" d="M123.262,104.562c-0.174,0.269-0.356,0.531-0.535,0.798c-0.082,0.122-0.163,0.245-0.246,0.366	c-0.515,0.757-1.044,1.504-1.591,2.236c-0.066,0.089-0.134,0.175-0.2,0.263c-0.51,0.675-1.032,1.34-1.567,1.993	c-0.083,0.102-0.165,0.205-0.248,0.306c-0.576,0.694-1.168,1.376-1.772,2.045c-0.107,0.118-0.217,0.235-0.324,0.354	c-0.59,0.643-1.189,1.275-1.805,1.893c-0.037,0.037-0.073,0.075-0.11,0.112c-0.647,0.647-1.313,1.277-1.989,1.896	c-0.12,0.111-0.241,0.221-0.363,0.331c-1.377,1.241-2.809,2.423-4.291,3.542c-0.109,0.082-0.218,0.165-0.328,0.247	c-0.75,0.558-1.511,1.102-2.285,1.626c-0.048,0.033-0.098,0.064-0.146,0.097c-0.762,0.513-1.536,1.009-2.321,1.489	c-0.067,0.041-0.134,0.084-0.201,0.125c-0.814,0.494-1.642,0.969-2.479,1.427c-0.078,0.043-0.157,0.085-0.235,0.127	c-1.699,0.918-3.443,1.761-5.231,2.522c-0.091,0.039-0.183,0.078-0.274,0.116c-1.789,0.753-3.618,1.425-5.485,2.012	c-0.093,0.029-0.185,0.059-0.276,0.087c-0.941,0.291-1.89,0.563-2.848,0.811c-0.021,0.006-0.042,0.01-0.062,0.016	c-0.939,0.241-1.889,0.46-2.846,0.658c-0.08,0.017-0.16,0.035-0.24,0.052c-0.955,0.194-1.918,0.366-2.888,0.517	c-0.113,0.018-0.228,0.033-0.342,0.05c-0.933,0.14-1.871,0.262-2.817,0.359c-0.053,0.006-0.105,0.013-0.159,0.019	c-0.959,0.097-1.925,0.168-2.896,0.221c-0.188,0.01-0.375,0.019-0.562,0.027c-0.965,0.044-1.933,0.074-2.908,0.074	c-0.004,0-0.008,0-0.012,0s-0.008,0-0.012,0c-0.976,0-1.943-0.03-2.908-0.074c-0.188-0.009-0.375-0.018-0.562-0.027	c-0.971-0.053-1.937-0.124-2.896-0.221c-0.054-0.006-0.106-0.013-0.159-0.019c-0.946-0.098-1.885-0.22-2.817-0.359	c-0.114-0.017-0.229-0.032-0.342-0.05c-0.97-0.15-1.933-0.322-2.888-0.517c-0.08-0.017-0.16-0.035-0.24-0.052	c-0.957-0.198-1.906-0.417-2.846-0.658c-0.021-0.006-0.041-0.01-0.062-0.016c-0.958-0.247-1.906-0.52-2.848-0.811	c-0.092-0.028-0.184-0.058-0.276-0.087c-1.868-0.587-3.698-1.26-5.487-2.013c-0.09-0.037-0.181-0.075-0.271-0.114	c-1.79-0.763-3.537-1.606-5.238-2.526c-0.075-0.041-0.152-0.081-0.228-0.122c-0.84-0.459-1.669-0.936-2.486-1.431	c-0.063-0.039-0.126-0.079-0.189-0.118c-0.792-0.484-1.572-0.983-2.34-1.501c-0.043-0.029-0.087-0.057-0.13-0.086	c-0.778-0.527-1.543-1.073-2.296-1.634c-0.105-0.079-0.21-0.158-0.314-0.237c-1.488-1.123-2.926-2.309-4.308-3.556	c-0.116-0.104-0.231-0.21-0.347-0.315c-0.682-0.623-1.352-1.258-2.004-1.91c-0.028-0.028-0.055-0.057-0.082-0.084	c-0.628-0.63-1.239-1.274-1.84-1.93c-0.101-0.109-0.202-0.219-0.303-0.329c-0.61-0.676-1.207-1.363-1.789-2.065	c-0.074-0.09-0.147-0.182-0.222-0.273c-0.548-0.668-1.083-1.349-1.604-2.04c-0.057-0.075-0.115-0.149-0.172-0.226	c-0.554-0.741-1.089-1.496-1.61-2.263c-0.075-0.109-0.147-0.221-0.222-0.331c-0.184-0.272-0.37-0.542-0.549-0.817v1.79	c8.049,11.797,19.933,20.778,33.847,25.125c0.033,0.011,0.067,0.021,0.101,0.031c1.938,0.602,3.914,1.112,5.925,1.529	c0.089,0.019,0.177,0.037,0.266,0.055c0.987,0.201,1.981,0.381,2.983,0.535c0.049,0.007,0.097,0.013,0.145,0.021	c0.967,0.146,1.941,0.27,2.922,0.372c0.087,0.009,0.174,0.021,0.261,0.029c0.972,0.098,1.95,0.17,2.934,0.224	c0.175,0.009,0.351,0.017,0.526,0.024c0.987,0.046,1.979,0.076,2.979,0.076s1.991-0.03,2.979-0.076	c0.176-0.008,0.352-0.016,0.526-0.024c0.983-0.054,1.962-0.126,2.934-0.224c0.087-0.009,0.174-0.021,0.261-0.029	c0.98-0.103,1.955-0.226,2.922-0.372c0.048-0.008,0.096-0.014,0.145-0.021c1.002-0.154,1.996-0.334,2.983-0.535	c0.089-0.018,0.177-0.036,0.266-0.055c2.011-0.418,3.988-0.928,5.927-1.529c0.032-0.011,0.064-0.021,0.098-0.03	c13.914-4.348,25.799-13.329,33.848-25.126V104.562z" />	<animateTransform attributeName="transform" type="rotate" from="0 70.375 70.375" to="360 70.375 70.375" dur="1.8s" repeatCount="indefinite" />	</g>	</svg>
<!--</a>--> <script src='http://cdnjs.cloudflare.com/ajax/libs/snap.svg/0.3.0/snap.svg-min.js'></script> <script src="js/index.js"></script>
</body>
</html>

Be1More Button - Script Codes CSS Codes

body { background-color: #283139;
}
p { font-family: helvetica, arial, san serif; font-size: 1.2em; color: #49BC90; text-align: center;
}
svg { display: block; margin: 2em auto; width: 20em;
}
#circle { fill: #49BC90;
}
#one { fill: #fff;
}
#light { fill: #fff; -webkit-transition: all 0.25s ease; transition: all 0.25s ease;
}
#spin { fill: #49BC90;
}
.dim { opacity: 0.25;
}

Be1More Button - Script Codes JS Codes

/* Button - 3 Components */
var circle = document.getElementById('circle');
var one = document.getElementById('one');
var light = document.getElementById('light');
// Select spinning shape
var spinner = Snap('#spin');
// Select svg paths
var spinner_0 = spinner.select(".spin_0");
var spinner_1 = spinner.select(".spin_1");
// Get the attr for 'd' in closed position
var close_0 = spinner_0.attr('d');
var close_1 = spinner_1.attr('d');
// Set the 'd' attr for the open position
var open_0 = "M12.238,32.794c0.191-0.295,0.392-0.585,0.588-0.877c0.091-0.134,0.18-0.269,0.271-0.403 c0.566-0.832,1.147-1.653,1.749-2.458c0.073-0.098,0.147-0.192,0.22-0.289c0.561-0.742,1.135-1.473,1.724-2.191 c0.091-0.112,0.182-0.225,0.272-0.336c0.634-0.764,1.284-1.513,1.948-2.248c0.118-0.13,0.238-0.259,0.356-0.389 c0.648-0.707,1.308-1.402,1.983-2.081c0.041-0.041,0.081-0.083,0.122-0.124c0.712-0.712,1.443-1.404,2.187-2.085 c0.132-0.122,0.266-0.242,0.399-0.363c1.514-1.365,3.087-2.664,4.717-3.894c0.12-0.09,0.239-0.182,0.36-0.272 c0.825-0.613,1.661-1.211,2.513-1.788c0.053-0.036,0.107-0.07,0.159-0.105c0.838-0.564,1.689-1.11,2.553-1.638 c0.073-0.045,0.146-0.092,0.221-0.137c0.896-0.543,1.805-1.065,2.726-1.568c0.086-0.047,0.173-0.093,0.259-0.14 c1.868-1.01,3.785-1.936,5.751-2.773c0.1-0.042,0.2-0.085,0.302-0.127c1.966-0.827,3.977-1.566,6.029-2.211 c0.103-0.032,0.203-0.064,0.304-0.096c1.035-0.32,2.077-0.619,3.131-0.891c0.023-0.006,0.046-0.011,0.068-0.017 c1.033-0.266,2.076-0.506,3.128-0.724c0.088-0.018,0.177-0.039,0.265-0.057c1.05-0.214,2.108-0.403,3.174-0.568 c0.125-0.019,0.25-0.036,0.376-0.055c1.025-0.153,2.057-0.287,3.097-0.395c0.059-0.006,0.116-0.014,0.176-0.02 c1.054-0.106,2.115-0.185,3.183-0.243c0.206-0.011,0.412-0.021,0.618-0.03c1.061-0.048,2.125-0.082,3.197-0.082 c0.004,0,0.009,0,0.013,0s0.009,0,0.013,0c1.072,0,2.137,0.033,3.197,0.082c0.206,0.01,0.412,0.019,0.618,0.03 c1.067,0.058,2.129,0.136,3.183,0.243c0.06,0.006,0.117,0.014,0.175,0.02c1.041,0.107,2.072,0.242,3.098,0.395 c0.125,0.019,0.251,0.036,0.376,0.055C82.1,2.111,83.158,2.3,84.208,2.514c0.088,0.018,0.176,0.039,0.265,0.057	c1.052,0.218,2.095,0.458,3.128,0.724c0.022,0.006,0.045,0.011,0.068,0.017c1.054,0.272,2.096,0.571,3.131,0.891 c0.101,0.032,0.201,0.064,0.304,0.096c2.053,0.645,4.064,1.384,6.03,2.211c0.101,0.042,0.2,0.084,0.3,0.127 c1.967,0.838,3.887,1.765,5.754,2.775c0.085,0.046,0.171,0.091,0.256,0.137c0.922,0.504,1.832,1.027,2.729,1.571 c0.072,0.043,0.142,0.089,0.214,0.133c0.867,0.53,1.722,1.078,2.563,1.645c0.049,0.033,0.101,0.066,0.151,0.1 c0.854,0.579,1.691,1.177,2.518,1.792c0.118,0.088,0.235,0.178,0.353,0.267c1.633,1.232,3.21,2.533,4.727,3.9 c0.131,0.118,0.262,0.236,0.391,0.355c0.746,0.683,1.479,1.378,2.195,2.093c0.035,0.036,0.069,0.072,0.104,0.107 c0.683,0.686,1.349,1.388,2.003,2.101c0.115,0.125,0.231,0.25,0.345,0.376c0.668,0.739,1.321,1.492,1.958,2.259 c0.086,0.104,0.171,0.211,0.257,0.316c0.596,0.728,1.178,1.467,1.745,2.219c0.067,0.089,0.137,0.177,0.203,0.267 c0.605,0.811,1.19,1.636,1.761,2.474c0.086,0.127,0.171,0.255,0.257,0.382c0.198,0.296,0.401,0.589,0.596,0.888v-1.968 c-8.848-12.968-21.911-22.841-37.207-27.62c-0.036-0.011-0.074-0.022-0.11-0.034c-2.13-0.661-4.303-1.222-6.513-1.681 C84.584,1.47,84.487,1.45,84.39,1.43c-1.085-0.221-2.179-0.417-3.279-0.587c-0.054-0.008-0.106-0.015-0.159-0.023 c-1.062-0.161-2.134-0.296-3.212-0.409c-0.096-0.009-0.191-0.021-0.287-0.031c-1.067-0.107-2.144-0.188-3.225-0.247 c-0.192-0.01-0.385-0.018-0.578-0.027c-1.086-0.05-2.177-0.083-3.274-0.083c-1.099,0-2.189,0.033-3.274,0.083 c-0.193,0.009-0.387,0.017-0.578,0.027c-1.081,0.059-2.157,0.139-3.226,0.247c-0.095,0.01-0.19,0.022-0.286,0.031 c-1.078,0.113-2.149,0.248-3.212,0.409c-0.053,0.009-0.105,0.015-0.159,0.023c-1.102,0.169-2.194,0.366-3.279,0.587 c-0.098,0.02-0.194,0.04-0.292,0.061c-2.21,0.459-4.384,1.02-6.516,1.682c-0.035,0.012-0.07,0.022-0.106,0.033 C34.15,7.984,21.086,17.857,12.238,30.826V32.794z";
var open_1 = "M128.512,107.956c-0.191,0.296-0.392,0.584-0.588,0.877c-0.091,0.135-0.18,0.27-0.271,0.403 c-0.565,0.832-1.147,1.652-1.748,2.458c-0.073,0.098-0.147,0.192-0.221,0.289c-0.56,0.741-1.135,1.473-1.723,2.19 c-0.091,0.111-0.182,0.226-0.272,0.336c-0.634,0.764-1.284,1.513-1.948,2.248c-0.118,0.13-0.238,0.259-0.356,0.389 c-0.648,0.706-1.308,1.402-1.984,2.08c-0.04,0.041-0.08,0.083-0.121,0.124c-0.712,0.712-1.443,1.404-2.187,2.085 c-0.132,0.122-0.266,0.242-0.399,0.363c-1.514,1.365-3.087,2.664-4.717,3.894c-0.12,0.091-0.239,0.182-0.36,0.272 c-0.825,0.612-1.661,1.211-2.513,1.787c-0.053,0.036-0.107,0.07-0.16,0.106c-0.837,0.563-1.688,1.108-2.552,1.637 c-0.074,0.045-0.146,0.093-0.221,0.138c-0.896,0.543-1.805,1.064-2.726,1.568c-0.086,0.047-0.173,0.093-0.259,0.14 c-1.868,1.009-3.785,1.936-5.751,2.772c-0.1,0.043-0.2,0.086-0.302,0.128c-1.967,0.827-3.977,1.566-6.029,2.211 c-0.103,0.032-0.203,0.064-0.304,0.096c-1.035,0.32-2.077,0.619-3.131,0.892c-0.023,0.006-0.046,0.01-0.068,0.017 c-1.033,0.266-2.076,0.506-3.128,0.724c-0.089,0.019-0.177,0.039-0.265,0.057c-1.05,0.214-2.108,0.402-3.174,0.568 c-0.125,0.02-0.251,0.036-0.376,0.055c-1.025,0.153-2.057,0.287-3.098,0.395c-0.058,0.007-0.115,0.015-0.175,0.021 c-1.054,0.106-2.115,0.185-3.183,0.243c-0.206,0.011-0.412,0.021-0.618,0.029c-1.061,0.049-2.125,0.082-3.197,0.082 c-0.004,0-0.009,0-0.013,0s-0.009,0-0.013,0c-1.072,0-2.137-0.033-3.197-0.082c-0.206-0.009-0.412-0.019-0.618-0.029 c-1.067-0.059-2.129-0.137-3.183-0.243c-0.06-0.006-0.117-0.014-0.176-0.021c-1.04-0.107-2.071-0.241-3.097-0.395 c-0.126-0.019-0.251-0.035-0.376-0.055c-1.065-0.166-2.124-0.354-3.174-0.568c-0.088-0.018-0.177-0.038-0.265-0.057 c-1.052-0.218-2.095-0.458-3.128-0.724c-0.022-0.007-0.045-0.011-0.068-0.017c-1.054-0.272-2.096-0.571-3.131-0.892 c-0.101-0.031-0.201-0.063-0.304-0.096c-2.054-0.645-4.065-1.385-6.032-2.212c-0.099-0.041-0.198-0.083-0.297-0.126 c-1.968-0.838-3.889-1.766-5.759-2.777c-0.082-0.045-0.167-0.089-0.25-0.134c-0.923-0.505-1.834-1.028-2.732-1.572 c-0.07-0.043-0.139-0.088-0.209-0.131c-0.87-0.532-1.729-1.08-2.572-1.649c-0.047-0.032-0.095-0.062-0.143-0.095 c-0.855-0.58-1.696-1.18-2.523-1.796c-0.116-0.087-0.23-0.174-0.346-0.261c-1.636-1.234-3.217-2.538-4.735-3.908 c-0.128-0.115-0.255-0.231-0.381-0.348c-0.749-0.685-1.486-1.382-2.203-2.1c-0.031-0.031-0.06-0.062-0.09-0.092 c-0.69-0.692-1.362-1.401-2.022-2.121c-0.111-0.121-0.223-0.241-0.333-0.362c-0.671-0.743-1.327-1.499-1.967-2.271 c-0.081-0.099-0.162-0.199-0.243-0.301c-0.603-0.734-1.191-1.482-1.765-2.242c-0.062-0.083-0.126-0.164-0.188-0.248 c-0.608-0.814-1.197-1.645-1.771-2.487c-0.082-0.12-0.162-0.242-0.243-0.364c-0.202-0.299-0.407-0.596-0.604-0.898v1.968 c8.848,12.968,21.911,22.841,37.207,27.619c0.036,0.012,0.073,0.024,0.11,0.034c2.13,0.662,4.303,1.223,6.513,1.682 c0.098,0.021,0.194,0.041,0.292,0.061c1.085,0.221,2.178,0.418,3.279,0.588c0.054,0.008,0.106,0.014,0.159,0.022 c1.062,0.161,2.134,0.296,3.212,0.409c0.096,0.01,0.191,0.022,0.286,0.032c1.068,0.107,2.145,0.187,3.226,0.245 c0.191,0.01,0.385,0.019,0.578,0.027c1.085,0.051,2.176,0.084,3.274,0.084c1.098,0,2.188-0.033,3.274-0.084 c0.193-0.009,0.386-0.018,0.578-0.027c1.081-0.059,2.157-0.138,3.225-0.245c0.096-0.01,0.191-0.022,0.287-0.032 c1.078-0.113,2.149-0.248,3.212-0.409c0.053-0.009,0.105-0.015,0.159-0.022c1.101-0.17,2.194-0.367,3.279-0.588 c0.098-0.02,0.194-0.04,0.292-0.061c2.21-0.46,4.384-1.02,6.515-1.682c0.036-0.012,0.071-0.022,0.107-0.033 c15.296-4.779,28.36-14.652,37.208-27.62V107.956z";
// Add check if animating
var animating = false;
// Add check for screen type
var state = 'close';
function closeToOpen() {	// If running set to animating true	animating = true; light.classList.remove('dim');	spinner_0	.animate({	d: open_0	}, 500, mina.easein, function() {	// Set the state and animation stops	state = 'open';	animating = false;	});	spinner_1	.animate({	d: open_1	}, 500, mina.easein, function() {	// Set the state and animation stops	state = 'open';	animating = false;	});
}
function openToClose() {	// If running set to animating true	animating = true; light.classList.add('dim');	spinner_0	.animate({	d: close_0	}, 500, mina.easein, function() {	// Set the state and animation stops	state = 'close';	animating = false;	});	spinner_1	.animate({	d: close_1	}, 500, mina.easein, function() {	// Set the state and animation stops	state = 'close';	animating = false;	});
}
// Checks if animating and state to run which function
circle.addEventListener('click', function() {	if (!animating && state === 'close') {	closeToOpen();	light.classList.remove('dim');	} else if (!animating && state === 'open') {	openToClose();	light.classList.add('dim');	}
});
one.addEventListener('click', function() {	if (!animating && state === 'close') {	closeToOpen();	light.classList.remove('dim');	} else if (!animating && state === 'open') {	openToClose();	light.classList.add('dim');	}
});
light.addEventListener('click', function() {	if (!animating && state === 'close') {	closeToOpen();	} else if (!animating && state === 'open') {	openToClose();	}
});
Be1More Button - Script Codes
Be1More Button - Script Codes
Home Page Home
Developer Chris Johnston
Username cjohndesign
Uploaded January 03, 2023
Rating 3
Size 8,756 Kb
Views 6,072
Do you need developer help for Be1More Button?

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!

Chris Johnston (cjohndesign) Script Codes
Name
Fireworks with Snapsvg
Animated Banner Header
Love Potion Studios Logo
SVG map selector
Logo SVG
Democracy Day Button
Logo error testing
Logo Animation
SVG Firework Elements
Regional Map Selector in SVG - Mobile UI
Create amazing SEO content 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!