Pixelated Brain Animation

Developer
Size
7,866 Kb
Views
54,648

How do I make an pixelated brain animation?

What is a pixelated brain animation? How do you make a pixelated brain animation? This script and codes were developed by Heydon on 27 August 2022, Saturday.

Pixelated Brain Animation Previews

Pixelated Brain Animation - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Pixelated Brain Animation</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <svg id="brain" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 684 695.59" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/"> <defs id="defs4"> <clipPath id="clipPath4383" clipPathUnits="userSpaceOnUse"> <path id="path4385" fill="#000" d="m473.78-3329.2c-1.7883,0.026-3.6346,0.1156-5.5254,0.2582-27.234,2.056-48.967,13.88-57.553,31.32-3.2032,6.5067-3.4663,7.863-3.434,17.196,0.03,8.7104,0.4774,11.12,3.0467,17.067,4.2014,9.7237,4.3468,10.924,1.7816,13.246-1.9909,1.8018-2.5111,1.8414-5.0865,0.4906-4.6055-2.4152-14.704-12.829-17.222-17.764-5.58-10.938-4.671-24.028,2.5304-37.129,2.0675-3.7613,3.7438-7.7461,3.7438-8.8821,0-2.4204-3.6891-4.5578-14.201-8.1332-28.725-9.7701-59.816-6.7025-71.108,6.9972-3.838,4.6562-3.8432,7.7176-0.129,15.647,2.5181,5.3755,2.9004,7.5868,2.8919,15.828-0.011,8.2824-0.3649,10.297-2.7886,14.898-2.7993,5.3142-13.062,16.023-17.764,18.539-2.0942,1.1204-2.8239,1.0148-4.5443-0.5421-2.6045-2.3572-2.5579-3.0087,0.5421-10.638,5.951-14.645,5.7243-26.99-0.7229-39.117-8.5907-16.16-30.704-27.289-57.734-29.048-22.016-1.4322-40.342,7.0424-53.912,24.968-8.0238,10.599-7.5863,11.194,8.6498,12.058,7.603,0.4046,16.746,1.6051,21.327,2.8144,22.426,5.9204,41.486,17.591,48.593,29.719,3.4244,5.8433,2.6392,6.6384-6.5841,6.6617-7.1624,0.018-13.597-1.7041-34.573-9.1919l-14.382-5.1125-15.44,0.025c-19.618,0.029-30.489,2.7603-50.581,12.652-40.563,19.97-60.858,43.276-58.792,67.545,0.5615,6.5955,6.4671,27.889,8.4689,30.597,0.5881,0.7954,5.3891,1.2281,13.891,1.2393,15.08,0.02,24.91,1.6015,55.074,8.7272,40.356,9.5333,49.292,11.067,63.879,11.128,15.693,0.066,20.376-1.5111,28.092-9.4502,12.509-12.871,10.276-30.396-5.887-46.218-13.949-13.654-41.874-19.191-88.924-17.687l-23.574,0.723-1.8074-2.7368c-3.5688-5.4469-0.01-11.495,8.7271-14.872,6.637-2.5663,23.993-5.7987,35.477-6.61,19.208-1.3573,46.6,2.9634,63.672,10.044,33.34,13.828,47.842,38.077,41.054,68.578-4.8371,21.734-18.36,35.699-39.53,40.821-4.8441,1.1721-11.871,1.7375-21.56,1.73-17.97-0.014-33.356-2.54-66.693-10.999-13.552-3.4387-29.145-6.8182-34.625-7.4878-29.609-3.6175-52.988,6.066-67.494,27.886-16.106,24.226-12.849,50.069,8.5722,67.958,7.3532,6.1406,22.645,13.384,33.85,16.034,8.389,1.9843,13.201,2.2567,45.779,2.5046,33.068,0.2515,37.458,0.5144,47.612,2.6853,18.863,4.0325,34.248,11.714,46.837,23.315,13.041,12.019,18.1,23.021,18.1,39.505,0,18.618-6.8884,34.812-20.656,48.567-16.662,16.647-32.895,20.38-50.297,11.593-7.4315-3.7523-15.579-12.084-15.105-15.44,0.3455-2.4433,0.7558-2.5368,12.058-3.1759,6.4417-0.3642,14.06-1.4323,16.912-2.3496,11.621-3.7376,21.086-12.817,24.813-23.754,2.4202-7.103,1.4718-21.607-1.859-28.609-3.1867-6.6984-11.84-15.468-18.668-18.926-12.652-6.4067-13.248-6.4837-59.386-6.5582l-42.422-0.077-4.2345,4.5959c-7.007,7.6017-8.8306,12.859-8.8305,25.226,0.0003,9.4669,0.3075,11.29,2.9176,16.602,2.6696,5.4334,7.7012,10.931,17.558,19.159,4.4351,3.7021,5.2874,7.4234,2.7111,11.851-4.0928,7.0343-12.996,4.0644-25.717-8.5723-6.1123-6.0721-8.3606-7.6785-10.122-7.2296-1.2441,0.3173-5.8147,3.4332-10.147,6.8939-26.062,20.818-35.753,53.061-23.393,77.796,8.4987,17.007,28.81,30.613,53.292,35.658,20.933,4.3131,36.92,0.4123,52.311-12.807,23.471-20.159,26.285-20.78,26.285-5.7322,0,9.2489-3.5197,16.16-12.574,24.658-13.312,12.494-30.97,19.004-51.537,19.004-13.881,0-24.734-2.0908-37.336-7.1006-5.145-2.0453-10.43-3.5408-11.722-3.3565-2.9166,0.416-3.6648,3.518-3.8213,15.776-0.1404,10.999,2.4454,17.488,9.4242,23.78,13.83,12.468,34.281,16.079,113.81,19.933,46.757,2.2656,62.675,7.0668,78.699,23.754,10.765,11.211,14.348,21.71,9.8891,29.022-4.791,7.857-17.357,12.993-28.608,11.671-11.122-1.3074-12.866-4.8857-5.035-10.406,2.6152-1.8435,5.514-4.9135,6.4292-6.8423,3.8851-8.1874-3.2047-14.215-22.489-19.107-14.868-3.7718-30.978-5.6782-62.097-7.4104-28.227-1.5713-29.801-1.4853-29.874,1.8332-0.033,1.4846,17.583,22.88,25.975,31.552,24.999,25.834,50.384,40.839,74.103,43.791,15.219,1.894,31.785-1.304,46.657-8.9853,17.252-8.9105,29.482-21.254,36.948-37.284,10.716-23.004,6.4561-52.111-11.567-78.803-10.332-15.3-25.182-27.085-40.408-32.068-8.2112-2.6876-10.321-2.8923-34.65-3.4858-25.595-0.6243-25.954-0.6934-27.963-3.1759-1.119-1.3825-2.0139-3.1967-2.0139-4.0537,0-2.9812,11.862-14.149,18.513-17.403,20.238-9.9003,49.784-2.8329,77.073,18.41,9.3042,7.2431,9.0283,7.1365,17.299,5.009,13.84-3.56,17.099-7.0756,19.029-20.708,3.7639-26.578-13.049-57.947-37.129-69.249-20.882-9.801-21.859-10.433-22.231-13.684-0.4766-4.1674,2.3344-6.8566,15.776-15.234,36.168-22.541,42.937-33.515,44.385-72.193,0.6754-18.05-0.7144-26.701-5.7578-35.967-5.9168-10.871-21.756-21.486-39.918-26.75-14.604-4.2322-29.376-5.9255-61.684-7.023-38.033-1.2918-46.532-1.8165-61.038-3.873-20.722-2.9375-35.277-9.0162-39.918-16.628-5.5251-9.0622,1.0052-19.293,7.746-12.136,7.0986,7.5369,15.182,9.024,55.59,10.276,17.568,0.5444,42.002,1.5247,54.299,2.1689l22.36,1.1619,8.5206-3.3308c12.054-4.7093,16.579-7.6051,23.109-14.821,16.447-18.174,25.037-45.256,23.935-75.162-0.8566-23.25-5.6494-33.858-19.726-43.507-16.35-11.206-17.868-13.66-11.103-17.842,8.3788-5.1783,19.953-2.1139,31.216,8.3141,16.208,15.006,23.826,47.042,18.513,77.667-4.6976,27.079-14.538,46.75-32.043,63.982-9.514,9.3656-10.821,12.368-5.9385,13.53,1.6104,0.3832,7.3746,2.8932,12.832,5.5771,14.172,6.9693,26.327,18.588,32.068,30.597,6.05,12.653,7.9836,22.622,7.9525,41.105-0.017,10.192-0.6355,18.694-1.859,25.02-4.9825,25.761-15.935,47.852-29.177,58.921-2.4979,2.0881-4.5184,4.4844-4.5184,5.319,0,0.8344,3.5659,5.04,7.9267,9.3726,19.212,19.088,30.327,44.222,30.364,68.552,0.034,22.124-8.7296,38.364-24.994,46.321-3.2313,1.5808-5.8354,3.4505-5.8354,4.1827,0,0.7324,2.1234,5.5133,4.7251,10.612,9.2214,18.072,13.375,34.964,13.375,54.403,0,14.045-1.8638,24.07-6.5583,35.348l-3.3566,8.0558,2.0139,3.7439c3.0342,5.6344,10.033,12.101,17.17,15.905,13.306,7.0919,29.413,7.1141,39.918,0.025,5.072-3.4222,11.49-11.455,11.49-14.408,0-0.8237-1.7155-4.9981-3.7698-9.2694-13.205-27.455-11.194-62.097,5.4222-94.269,2.6308-5.0938,4.5242-9.9228,4.2087-10.741-0.3155-0.8183-2.7395-2.3906-5.3964-3.4857-6.3261-2.6076-15.296-10.883-18.797-17.351-7.8998-14.596-8.9795-34.833-2.8661-53.835,5.2296-16.254,17.312-35.679,28.454-45.753,2.8041-2.5352,5.4587-5.1879,5.9128-5.9386,0.5452-0.9009-2.0114-4.3919-7.5137-10.225-12.437-13.184-20.508-29.943-25.562-53.112-2.7543-12.628-2.7035-43.017,0.078-53.499,6.6587-25.094,20.602-39.15,50.969-51.459,1.6103-0.6528,2.9435-1.9037,2.9435-2.7886,0-0.8848-3.8977-5.3489-8.6497-9.889-21.82-20.846-34.138-51.398-34.212-84.922-0.037-16.846,2.5094-28.823,8.8563-41.673,7.4124-15.008,21.505-26.296,32.92-26.336,5.756-0.02,13.84,4.0517,13.84,6.9713,0,1.8463-1.9626,3.5153-16.99,14.485-8.0316,5.8631-11.911,11.038-14.95,20.01-7.7726,22.948-2.7905,61.553,10.844,84.044,9.2904,15.325,17.231,22.12,33.024,28.221l8.8563,3.3824,20.217-1.1619c11.126-0.6366,32.198-1.4023,46.838-1.73,43.691-0.9773,55.157-2.7241,63.362-9.5792,5.1503-4.3029,7.7297-4.6468,10.044-1.3426,3.5586,5.0805,0.7461,12.984-6.3517,17.867-13.995,9.6289-34.546,12.905-94.191,14.924-44.62,1.5107-60.51,4.1254-78.803,13.065-11.994,5.8613-23.146,16.619-26.414,25.433-6.7645,18.247-4.6442,52.688,4.3378,70.592,4.0478,8.0684,14.697,18.752,25.614,25.665,25.641,16.238,29.642,19.96,26.646,24.71-0.6197,0.9822-6.9597,4.4362-14.098,7.6685-19.738,8.9377-27.538,15.63-36.096,30.907-6.1848,11.04-9.0874,21.67-9.166,33.54-0.1281,19.312,3.1688,24.704,17.48,28.738,10.263,2.8926,8.4555,3.4404,21.302-6.2485,4.392-3.3125,12.038-8.1421,17.015-10.715,28.089-14.52,51.098-14.136,68.113,1.162,6.4279,5.7791,8.6351,9.5492,7.4362,12.729-1.4473,3.8387-6.458,4.6734-28.402,4.6734-15.13,0-22.686,0.4464-28.299,1.7041-27.347,6.1287-49.539,28.227-60.47,60.212-4.6328,13.555-5.8825,23.843-4.1829,34.315,2.6653,16.421,8.2749,26.95,21.327,40.021,10.088,10.103,20.062,16.353,32.998,20.656,34.642,11.523,68.612-0.1567,104.86-36.07,14.424-14.293,29.306-32.726,29.306-36.303,0-1.4039-0.1582-2.5562-0.3615-2.5562-8.719,0-61.577,3.6822-69.249,4.8284-32.696,4.8844-46.502,11.223-45.004,20.656,0.5871,3.6982,2.9041,6.4122,9.6824,11.283,2.3465,1.6861,2.8339,2.6675,2.2464,4.5185-0.9503,2.9941-4.4803,3.9956-13.891,3.8988-8.5158-0.088-13.573-1.5274-18.642-5.2673-11.567-8.5339-9.6715-21.654,5.2673-36.587,15.634-15.628,31.736-20.234,78.312-22.463,53.934-2.5812,73.384-4.4596,89.363-8.5464,26.945-6.8913,37.575-21.883,32.456-45.753-1.4227-6.6338-1.9766-6.6727-15.518-1.6009-15.562,5.8287-24.126,7.2526-40.279,6.6358-11.851-0.4527-15.129-1.0035-22.567-3.6923-16.529-5.9759-29.275-15.827-35.012-27.008-2.366-4.6113-2.9977-7.2363-3.021-12.858-0.03-7.2035,1.3527-10.483,4.3636-10.483,2.1203,0,9.0777,4.9645,17.609,12.6,14.717,13.171,23.036,17.098,38.162,17.997,20.843,1.238,46.841-8.559,61.606-23.186,22.08-21.873,20.429-56.786-3.8988-83.063-6.1609-6.6544-18.109-15.905-20.553-15.905-0.7507,0-4.2824,3.0212-7.8493,6.739-7.0821,7.3815-16.584,13.462-21.069,13.478-3.608,0.012-7.2554-4.4555-7.2554-8.8562,0-2.4835,1.0336-4.1232,4.4669-7.049,16.508-14.067,20.527-21.037,20.527-35.735,0-8.0781-0.4377-10.504-2.7629-15.492-1.5168-3.254-4.6395-7.8214-6.9197-10.147l-4.1312-4.2345-42.061,0.1292c-44.922,0.128-46.665,0.2756-58.043,5.7837-7.7504,3.7518-15.972,12.041-19.907,20.036-3.1211,6.34-3.5063,8.0146-3.4856,16.138,0.019,7.5153,0.5092,10.122,2.8143,15.079,7.1233,15.318,21.479,23.29,41.906,23.29,12.933,0,14.524,2.9739,5.8611,11.077-6.3912,5.9782-16.364,10.902-23.961,11.851-11.752,1.4684-25.226-4.3263-36.638-15.724-11.761-11.745-19.517-28.06-20.992-44.23-2.8425-31.162,23.887-58.706,65.531-67.545,8.8456-1.8775,14.886-2.2198,45.96-2.5046,38.028-0.3485,43.988-0.9349,57.398-5.6804,31.22-11.048,47.871-36.125,41.028-61.839-3.7896-14.24-13.812-28.43-25.768-36.561-16.396-11.151-37.376-13.905-63.182-8.2882-4.9776,1.0835-17.655,4.1769-28.196,6.8681-55.836,14.256-87.174,12.844-106.48-4.8026-17.757-16.229-21.979-49.815-8.8563-70.411,10.369-16.274,34.476-29.393,63.156-34.392,12.994-2.265,39.181-2.5446,50.582-0.5422,11.816,2.0753,24.399,6.3245,27.266,9.1919,3.1834,3.1834,3.3983,8.9407,0.4389,11.619-1.9088,1.7273-3.9459,1.8267-24.761,1.1361-34.888-1.1577-61.526,2.1234-76.427,9.3985-3.8552,1.8821-9.5071,5.9388-12.858,9.2176-18.716,18.313-16.271,42.573,5.293,52.544,4.1811,1.9333,6.8323,2.3029,17.687,2.2721,14.333-0.04,22.633-1.4875,61.761-10.664,32.472-7.6152,41.861-9.1492,57.863-9.3728l13.426-0.1807,2.9693-9.037c4.9589-15.247,6.4432-24.395,5.1381-31.578-3.9505-21.743-23.506-41.243-59.18-58.999-18.656-9.2856-29.867-11.999-49.497-12.006-16.897-0.01-17.068,0.029-44.72,9.8374-9.5576,3.3899-13.756,4.3453-19.158,4.3379-9.4331-0.013-10.329-0.6995-7.6169-6.0162,3.6183-7.0927,13.928-15.688,26.001-21.611,16.064-7.8812,27.15-10.785,43.688-11.464,9.6579-0.3964,13.859-0.9778,14.227-1.9365,0.9706-2.5295-3.1381-8.4314-11.8-17.067-12.606-12.568-25.018-18.173-41.441-18.358-0.5866-0.01-1.1854-0.01-1.7816,0zm188.18,324.07c-1.5251,0.095-3.374,1.0863-7.4361,3.46-3.8688,2.2607-10.417,5.25-14.562,6.6615-8.7087,2.965-9.2049,4.1335-4.9058,11.826,4.931,8.8225,6.2347,13.839,6.8681,26.388l0.6197,12.187,6.326,2.5562c8.3875,3.3664,15.829,8.4049,22.954,15.544,7.2267,7.2409,10.164,7.698,14.382,2.1688,4.2009-5.5076,5.861-12.164,5.861-23.574,0-19.547-6.7004-37.865-17.945-49.11-3.3599-3.3599-7.5778-6.7035-9.3468-7.4361-1.1143-0.4617-1.8995-0.7285-2.8145-0.6715zm-624.66,0.3616c-3.1488,0.075-5.7875,2.4563-11.18,7.8493-11.821,11.821-17.999,28.698-18.048,49.239-0.023,9.939,0.3269,12.509,2.3755,17.015,1.3276,2.9208,3.4545,6.3954,4.6992,7.7202,3.291,3.5031,6.2119,2.9952,10.974-1.9365,6.277-6.5012,16.786-13.682,24.787-16.938l7.1263-2.8918-0.3872-7.9784c-0.455-9.8651,1.6957-18.956,6.9197-29.228,2.1297-4.1879,3.6149-8.3426,3.2791-9.2177-0.336-0.8753-3.1838-2.3796-6.3001-3.3825-3.1161-1.0028-9.5954-3.9165-14.408-6.4809-4.6297-2.4671-7.3883-3.8274-9.8373-3.7696z"/> </clipPath> </defs> <g id="layer1" transform="translate(-8.0624308,3329.2295)"> <g id="pixels" clip-path="url(#clipPath4383)" transform="matrix(0.95070983,0,0,0.95070983,17.254604,-146.95544)" stroke-miterlimit="4" stroke-width="0" fill="#6f7f45"> <rect id="rect4303" opacity="0.5" ry="1.4197" height="280" width="280" y="-3242.9" x="342.34"/> <rect id="rect4305" opacity="0.5" ry="1.4197" height="280" width="280" y="-3151.5" x="502.34"/> <rect id="rect4307" opacity="0.5" ry="1.4197" height="280" width="280" y="-3033.8" x="284.91"/> <rect id="rect4309" opacity="0.5" ry="1.4197" height="280" width="280" y="-2911.5" x="473.77"/> <rect id="rect4311" opacity="0.5" ry="1.4197" height="280" width="280" y="-2814.3" x="336.62"/> <rect id="rect4313" opacity="0.5" ry="1.4197" height="280" width="280" y="-3208.6" x="119.48"/> <rect id="rect4315" opacity="0.5" ry="1.4197" height="280" width="280" y="-3442.9" x="302.34"/> <rect id="rect4317" opacity="0.5" ry="1.4197" height="280" width="280" y="-3420" x="96.625"/> <rect id="rect4319" opacity="0.5" ry="1.4197" height="280" width="280" y="-3334.3" x="-57.661"/> <rect id="rect4321" opacity="0.5" ry="1.4197" height="280" width="280" y="-3111.5" x="10.91"/> <rect id="rect4323" opacity="0.5" ry="1.4197" height="280" width="280" y="-3082.9" x="-86.233"/> <rect id="rect4325" opacity="0.5" ry="1.4197" height="280" width="280" y="-2888.6" x="-57.661"/> <rect id="rect4327" opacity="0.5" ry="1.4197" height="280" width="280" y="-2882.9" x="108.05"/> <rect id="rect4329" opacity="0.5" ry="1.4197" height="280" width="280" y="-2791.5" x="108.05"/> <rect id="rect4051" opacity="0.5" ry="1.4197" height="280" width="280" y="-3380.4" x="464.99"/> </g> </g>
</svg>
</body>
</html>

Pixelated Brain Animation - Script Codes CSS Codes

@-webkit-keyframes pulse { 0% { opacity: 0.3; } 50% { opacity: 0.8; } 100% { opacity: 0.3; }
}
@keyframes pulse { 0% { opacity: 0.3; } 50% { opacity: 0.8; } 100% { opacity: 0.3; }
}
svg { width: 15em; display: block; margin: 0 auto;
}
rect:nth-child(odd) { -webkit-animation: pulse 3s infinite ease; animation: pulse 3s infinite ease; position: relative;
}
rect:nth-child(even) { -webkit-animation: pulse 4s infinite ease; animation: pulse 4s infinite ease; position: relative;
}
rect:nth-child(3n + 1) { -webkit-animation: pulse 2s infinite ease; animation: pulse 2s infinite ease; position: relative;
}
Pixelated Brain Animation - Script Codes
Pixelated Brain Animation - Script Codes
Home Page Home
Developer Heydon
Username heydon
Uploaded August 27, 2022
Rating 3
Size 7,866 Kb
Views 54,648
Do you need developer help for Pixelated Brain Animation?

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!

Heydon (heydon) Script Codes
Create amazing love letters 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!