Iceberg Threads
Login
Search results for "webanimation"
The Definitive GoAnimate Iceberg
RetroSpectre
1.6k views
·
9 months ago
%20rotate(-1deg);%20}%2050%25%20{%20transform:%20translateY(-6px)%20rotate(1deg);%20}%20}%20@keyframes%20move-wave%20{%200%25%20{%20transform:%20translateX(0);%20}%20100%25%20{%20transform:%20translateX(-200px);%20}%20}%20%3c/style%3e%3cclipPath%20id='circle-clip'%3e%3ccircle%20cx='100'%20cy='100'%20r='95'%20/%3e%3c/clipPath%3e%3c/defs%3e%3ccircle%20cx='100'%20cy='100'%20r='95'%20fill='%23e0f2f1'%20/%3e%3cg%20clip-path='url(%23circle-clip)'%3e%3cg%20class='iceberg'%3e%3cpolygon%20points='50,65%2025,115%2060,115'%20fill='%23ffffff'%20/%3e%3cpolygon%20points='50,65%2060,115%2080,100'%20fill='%23eceff1'%20/%3e%3cpolygon%20points='90,25%2060,115%20105,115'%20fill='%23ffffff'%20/%3e%3cpolygon%20points='90,25%20105,115%20125,115'%20fill='%23cfd8dc'%20/%3e%3cpolygon%20points='75,70%2090,25%20105,85'%20fill='%23eceff1'%20/%3e%3cpolygon%20points='145,55%20125,115%20175,115'%20fill='%23ffffff'%20/%3e%3cpolygon%20points='145,55%20125,115%20140,90'%20fill='%23b0bec5'%20/%3e%3cpolygon%20points='25,115%2060,115%2045,155'%20fill='%2381d4fa'%20/%3e%3cpolygon%20points='60,115%20105,115%2095,185'%20fill='%234fc3f7'%20/%3e%3cpolygon%20points='105,115%20125,115%20115,165'%20fill='%2329b6f6'%20/%3e%3cpolygon%20points='125,115%20175,115%20145,145'%20fill='%2381d4fa'%20/%3e%3cpolygon%20points='95,185%20115,165%20105,115'%20fill='%2303a9f4'%20/%3e%3cpolygon%20points='115,165%20145,145%20125,115'%20fill='%2329b6f6'%20/%3e%3cpolygon%20points='45,155%2060,115%2095,185'%20fill='%2329b6f6'%20/%3e%3c/g%3e%3cpath%20class='wave-back'%20d='M0,110%20C50,130%20150,90%20200,110%20C250,130%20350,90%20400,110%20L400,200%20L0,200%20Z'%20fill='rgba(2,%20119,%20189,%200.6)'%20/%3e%3cpath%20class='wave-front'%20d='M0,125%20C50,105%20150,145%20200,125%20C250,105%20350,145%20400,125%20L400,200%20L0,200%20Z'%20fill='rgba(1,%2087,%20155,%200.8)'%20/%3e%3c/g%3e%3ccircle%20cx='100'%20cy='100'%20r='95'%20fill='none'%20stroke='%23b0bec5'%20stroke-width='4'%20/%3e%3c/svg%3e)