See the Pen FLWRS SVG ANIMATED LOGO - PURE CSS by Atiqah Hafiz (@flwrs) on CodePen.
یک انیمیشن SVG زیبا که یک گل را به نمایش در می آورد.
See the Pen Carbon LDP Animated Logo by Miguel Aragon (@MiguelAraCo) on CodePen.
اندازه، سایز و سرعت انیمییشن در این لوگو قابل سفارشی سازی است و به صورت بی پایان طراحی شده است و می توانید با فونت سفارشی خود آنرا تغییر دهید.
See the Pen Animated Logo by David McFeders (@iconjunkie) on CodePen.
آرم متحرک آزمایشی باینری یکی از اثرات پیچیده انیمیشن در این لیست است. این شماره ها را از یک فلاسک می کشاند و آنها را در بالای آرم بیرون می زند. انیمیشن خود را از طریق CSS کنترل می کند. اما این قلم همچنین به کتابخانه TweenMax برای اضافه کردن رقم تکرار و انتقال سفارشی آلفا متکی است.
See the Pen Animated Stack Overflow logo (pure CSS) by Johan Lindell (@lindell) on CodePen.
لوگوی Stack Overflow یکی از موارد مورد علاقه من است، زیرا ساده و قابل تشخیص است. این یکی از جذاب ترین انیمیشن های CSS می باشد. خروجی نهایی واقعا شبیه لوگوی رسمی این وب سایت است. هر کس که انیمیشن خالص CSS / SCSS را دوست دارد، این قطعه را تحسین می کند.
See the Pen Monster Energy SVG logo animated by Tim Pietrusky (@TimPietrusky) on CodePen.
تمام زمان بندی انیمیشن به طور مستقیم از طریق Sass کنترل می شود که باعث می شود این انیمیشن انیمیشن CSS خالص باشد. اما شما می توانید متغیرها را تغییر دهید تا سرعت، رنگ محو شدن یا تقریبا هر چیز دیگری تغییر کند
See the Pen Subvisual - Animated Logo by Miguel Palhas (@naps62) on CodePen.
همه چیز بر روی عناصر SVG ساخته شده است که باعث می شود دستکاری کمی ساده تر شود. این قلم همچنین به کتابخانه جاوا اسکریپتی TweenLite متکی است، هرچند اکثریت آن از طریق CSS انجام می شود. این یک اثر شسته و رفته است که می تواند بر اساس عمل کاربر (تکان دادن، کلیک، و غیره) تکرار شود.
See the Pen Animated Logo (Canvas/js) by Khaos (@Khaosmuhaha) on CodePen.
یک نوشته حالت پیکسل می باشد که می توان متن آنرا دستکاری کرد و انیمیشن آن با jQuery,CSS می باشد.
See the Pen Animated Logo - GSAP drawSVG / d3.js by Alex Aloia (@tripl3inf) on CodePen.
یک انیمیشن پیچیده که با استفاده از SVG یک طرح جادویی را به نمایش می گذارد.
See the Pen Bayleys animated logo (SVG) by Rafael Contreras (@rafita) on CodePen.
اما دارای لبه های جامد قوی است که باعث می شود مجدد لوگو را به راحتی به عنوان پای خلق کنید. بسیاری از عناصر آرم در جهت های مختلف حرکت می کنند و باعث می شود که این اثر برای تماشای مسحور باشد.
See the Pen Nintendo Switch Logo Animation by Koto Furumiya (@kotofurumiya) on CodePen.
لوگوی کنسول بازی با یک لوگوی دارای انیمیشن درخشان که از CSS,SVG استفاده کرده است.
