Create clan
Search Spyke
Post
Fediverse
Sort
路
Fresh
Create clan
Appearance
Spyke
Community
Install app
#CodeCentral
by
@alex
聽
Found this code on Facebook 馃拃
7
Comments
2
Reply
@lilmann
聽
Really putting the "cascading" in the cascading style sheet
0
Reply
@kw83
聽
Who says CSS doesn't involve math?
1
Reply
%20by%20%E2%80%9EPablo%20Stanley%E2%80%9D%2C%20licensed%20under%20%E2%80%9EFree%20for%20personal%20and%20commercial%20use%E2%80%9D%20(https%3A%2F%2Favataaars.com%2F)%3C%2Fdc%3Arights%3E%3C%2Frdf%3ADescription%3E%3C%2Frdf%3ARDF%3E%3C%2Fmetadata%3E%3Cmask%20id%3D%22viewboxMask%22%3E%3Crect%20width%3D%22280%22%20height%3D%22280%22%20rx%3D%220%22%20ry%3D%220%22%20x%3D%220%22%20y%3D%220%22%20fill%3D%22%23fff%22%20%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23viewboxMask)%22%3E%3Cg%20transform%3D%22translate(8)%22%3E%3Ccircle%20cx%3D%22132%22%20cy%3D%22160%22%20r%3D%22120%22%20fill%3D%22%23000000%22%2F%3E%3Cmask%20id%3D%22styleCircle-a%22%20style%3D%22mask-type%3Aluminance%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22264%22%20height%3D%22280%22%3E%3Cpath%20d%3D%22M264%200H0v160h12c0%2066.27%2053.73%20120%20120%20120%2066.27%200%20120-53.73%20120-120h12V0Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23styleCircle-a)%22%3E%3Cpath%20d%3D%22M132%2036a56%2056%200%200%200-56%2056v6.17A12%2012%200%200%200%2066%20110v14a12%2012%200%200%200%2010.3%2011.88%2056.04%2056.04%200%200%200%2031.7%2044.73v18.4h-4a72%2072%200%200%200-72%2072v9h200v-9a72%2072%200%200%200-72-72h-4v-18.39a56.04%2056.04%200%200%200%2031.7-44.73A12%2012%200%200%200%20198%20124v-14a12%2012%200%200%200-10-11.83V92a56%2056%200%200%200-56-56Z%22%20fill%3D%22%23EDB98A%22%2F%3E%3Cpath%20d%3D%22M108%20180.61v8a55.79%2055.79%200%200%200%2024%205.39c8.59%200%2016.73-1.93%2024-5.39v-8a55.79%2055.79%200%200%201-24%205.39%2055.79%2055.79%200%200%201-24-5.39Z%22%20fill%3D%22%23000%22%20fill-opacity%3D%22.1%22%2F%3E%3Cg%20transform%3D%22translate(0%20170)%22%3E%3Cpath%20d%3D%22M108%2014.7c-15.52%203.68-27.1%2010.83-30.77%2019.44A72.02%2072.02%200%200%200%2032%20101v9h200v-9a72.02%2072.02%200%200%200-45.23-66.86C183.1%2025.53%20171.52%2018.38%20156%2014.7V32a24%2024%200%201%201-48%200V14.7Z%22%20fill%3D%22%231a1a1a%22%2F%3E%3Cpath%20d%3D%22M102%2063.34a67.1%2067.1%200%200%201-7-2.82V110h7V63.34ZM162%2063.34a67.04%2067.04%200%200%200%207-2.82V98.5a3.5%203.5%200%201%201-7%200V63.34Z%22%20fill%3D%22%23F4F4F4%22%2F%3E%3Cpath%20d%3D%22M187.62%2034.49a71.79%2071.79%200%200%201%2010.83%205.63C197.11%2055.62%20167.87%2068%20132%2068c30.93%200%2056-13.43%2056-30%200-1.19-.13-2.36-.38-3.51ZM76.38%2034.49a16.48%2016.48%200%200%200-.38%203.5c0%2016.58%2025.07%2030%2056%2030-35.87%200-65.1-12.38-66.45-27.88a71.79%2071.79%200%200%201%2010.83-5.63Z%22%20fill%3D%22%23000%22%20fill-opacity%3D%22.16%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(78%20134)%22%3E%3Cpath%20d%3D%22M40%2016c0%205.37%206.16%209%2014%209s14-3.63%2014-9c0-1.1-.95-2-2-2-1.3%200-1.87.9-2%202-1.24%202.94-4.32%204.72-10%205-5.68-.28-8.76-2.06-10-5-.13-1.1-.7-2-2-2-1.05%200-2%20.9-2%202Z%22%20fill%3D%22%23000%22%20fill-opacity%3D%22.6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(104%20122)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M16%208c0%204.42%205.37%208%2012%208s12-3.58%2012-8%22%20fill%3D%22%23000%22%20fill-opacity%3D%22.16%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(76%2090)%22%3E%3Cpath%20d%3D%22M27%2016c-4.84%200-9%202.65-10.84%206.45-.54%201.1.39%201.85%201.28%201.12a15.13%2015.13%200%200%201%209.8-3.22%206%206%200%201%200%2010.7%202.8%202%202%200%200%200-.12-.74l-.15-.38a6%206%200%200%200-1.64-2.48C33.9%2017.32%2030.5%2016%2027%2016ZM85%2016c-4.84%200-9%202.65-10.84%206.45-.54%201.1.39%201.85%201.28%201.12a15.13%2015.13%200%200%201%209.8-3.22%206%206%200%201%200%2010.7%202.8%202%202%200%200%200-.12-.74l-.15-.38a6%206%200%200%200-1.64-2.48C91.9%2017.32%2088.5%2016%2085%2016Z%22%20fill%3D%22%23000%22%20fill-opacity%3D%22.6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(76%2082)%22%3E%3Cpath%20d%3D%22m22.77%201.58.9-.4C28.93-.91%2036.88-.03%2041.73%202.3c.57.27.18%201.15-.4%201.1-14.92-1.14-24.96%208.15-28.37%2014.45-.1.18-.41.2-.49.03-2.3-5.32%204.45-13.98%2010.3-16.3ZM89.23%201.58l-.9-.4C83.07-.91%2075.12-.03%2070.27%202.3c-.57.27-.18%201.15.4%201.1%2014.92-1.14%2024.96%208.15%2028.37%2014.45.1.18.41.2.49.03%202.3-5.32-4.45-13.98-10.3-16.3Z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23000%22%20fill-opacity%3D%22.6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-1)%22%3E%3Cpath%20d%3D%22M157%20180.61V199h4a71.7%2071.7%200%200%201%2046%2016.6V92a74%2074%200%200%200-148%200v183.72A28%2028%200%200%200%2083%20248v-45.58a71.95%2071.95%200%200%201%2022-3.42h4v-18.39a56.24%2056.24%200%200%201-26-25.36V93.27a150%20150%200%200%200%2028.34-12.77c15.4-8.9%2028.1-19.56%2036.73-30.1%201.76%205.2%204.1%2010.4%207.04%2015.48%208.78%2015.2%2021.12%2026.35%2033.9%2032.04v.25c.4.06.8.15%201.18.26.77.32%201.55.62%202.33.9A12%2012%200%200%201%20199%20110v13a12%2012%200%200%201-10.22%2011.87A56.03%2056.03%200%200%201%20157%20180.6Z%22%20fill%3D%22%23DC143C%22%2F%3E%3Cpath%20d%3D%22M157%20199v-18.39a56.03%2056.03%200%200%200%2031.8-45.74A12%2012%200%200%200%20199%20123v-13a12%2012%200%200%200-6.5-10.66%2044.57%2044.57%200%200%200%2014.5%202.8v113.47A71.7%2071.7%200%200%200%20161%20199h-4ZM83%20202.42v-47.17a56.24%2056.24%200%200%200%2026%2025.36V199h-4c-7.67%200-15.07%201.2-22%203.42ZM189%2097.92v.25c.4.06.8.15%201.18.26l-1.18-.51Z%22%20fill%3D%22%23000%22%20fill-opacity%3D%22.27%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(49%2072)%22%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(62%2042)%22%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E){kind=small}
Really putting the "cascading" in the cascading style sheet
Who says CSS doesn't involve math?