 Terima kasih, setiap hari. Okey, jadi saya akan bercakap tentang animasi seperti VG. Selepas saya belajar tentangnya, saya faham bahawa ia sebenarnya adalah perkara yang sangat tua, sejak saya ada 24 orang yang bercakap tentangnya. Jadi saya sangat lapar ke parti, tetapi ia okey. Okey, pertama tentang saya, biasanya orang memputkan gambar mereka, tetapi saya hanya memputkan sesuatu yang saya menyerahkan dengan baik dengan saya, yang berada di belakang. Jadi sebenarnya saya tidak bergerak, kadang-kadang AOS. Jika saya pergi ke AOS, saya akan berkata, saya biasanya melakukan AOS, tapi kemudian kadang-kadang saya menyerahkan. Jadi, ya, saya tidak menyerahkan. Kemudian sekarang saya menyerahkan semua perkara yang saya belajar di Carousel. Saya mempunyai dua penerbangan. Yang terlihat di belakang adalah Twitter, yang terlihat di belakang adalah GitHub, kerana saya tidak dapat menerima perkara yang lebih kecil untuk Twitter. Okey, jadi saya rasa yang terakhir, kami mempunyai kerohak, yang seperti hackathon, hanya untuk pekerja Carousel, yang sangat eksklusif. Kemudian, kami mempunyai hackathon kami. Jadi, ini adalah pemenang kami, 4x4 page di Carousel. Ini adalah sebuah power yang sangat stabil, yang anda akan lihat jika anda menerima perkara. Jadi, apa yang kita cuba lakukan adalah membuatnya bergerak, membuatnya lebih berinteraktif, dan kemudian, bagaimanapun, anda akan membuatnya bergerak. Jadi, saya akan menunjukkan bagaimana ia menurut saya, ini adalah yang kami datang dengan. Ia mempunyai pemenang, dan jika anda menerima perkara, anda selalu mempunyai pemenang. Kemudian, pemenang akan bergerak, dan anda dapat melihat bahawa orang-orang bergerak, dan kemudian ia juga bergerak. Jadi, ini adalah pemenang saya, saya akan menunjukkan bagaimana mereka bergantung. Mereka juga di sini hari ini, jika anda melihat mereka. Ya, anda dapat berkata, Hai. Okey, jadi, pertama, kami ingin menerima perkara dengan pemenangan web atau CSS. Kami tidak mahu menggunakan javascript. Dan kemudian, sekarang, pemenang, pemenang, saya rasa, jauh-jauh-jauh-jauh, CSS animasi dengan pergerak atau pergerak. Jadi, saya rasa yang paling susah yang kami mengambil untuk instruksi hackathon ini, kita dapat melihat. Bagus apabila ia bergerak. Jadi, saya rasa, pemenangan pertama yang kami datang untuk sesuatu seperti ini, anda dapat menginginkan pemenang yang bergerak, anda akan bergerak dan bergerak. Jadi, ia akan hanya bergerak. Tetapi, saya tidak rasa ia menarik. Jadi, pada hari nanti, saya tidak tahu, mungkin saya akan bergerak. Yang sebenarnya memperkenalkan kita ke SvG, Shade Muffin. Jadi, dia menggunakan S-M-I-R, yang saya percayakan sekarang. Tetapi, ia okey. Ia okey kerana pergerakannya sangat berguna. Walaupun anda mengambilnya untuk, mari kita katakan, CSS animasi atau anda menggunakan, mari kita katakan, Gwinsop. Ideanya sangat berguna. Jadi, perkara pertama, jika anda ingin menggunakan S-M-I-R, anda perlu pastikan bahawa semua pemenang di SvG, ia okey. Hanya untuk menunjukkan bagaimana pergerakannya. Pada akhirnya, ia nampak seperti ini. Saya tidak tahu bagaimana ia nampak seperti ini, tetapi, ya, anda akan bergerak daripada semi-circul ke non-semi-circul. Okey. Kemudian, kita melihat tutorial ini. Kemudian, anda beritahu kami, anda akan mempunyai ilustrati atau sketch. Anda melihat semua pemenang anda di dalam pemenangan SvG. Dan kemudian, anda cuba bergerak daripada satu pergerakannya ke satu lagi untuk pastikan anda menjaga pergerakannya. Jadi, okey, itu yang kita lakukan. Mari kita pergi ke sketch. Okey, kita ada waktu di sini. Dan kemudian, ini tuan kami. Ili. Dan kemudian, anda melihat kini, seperti ini. 1.2.3.4. Okey, ini seperti 4 pemenang di sini. Dan kita benar-benar bergerak daripada pemenangan SvG. Jadi, anda akan mendapatkan semua 4 pemenangan. Jadi, di sini anda akan melihat, okey, ini akhirnya. Oh, di sini. Jadi, okey, ini juga mempunyai 4 pemenangan. Jadi, okey, kita melihat, okey, saya rasa ini adalah pemenangan yang sama. Dan kemudian, ini, ini bagaimana penuh, penuh, penuh, seperti ini. Kemudian anda dapat melihat di sini, kerana ia melihat dari sketch, ia sebenarnya mempunyai banyak lagi meta data, yang anda tidak perlukan. Ya, tapi kemudian, jika anda melihat pergerakannya di sini, ini sangat lama. Tapi kemudian, ini apabila ia terbuka. Kami berkata, ini sangat banyak pemenangan. Dan kemudian, kami cuba memperbaikannya. Dan ia tidak, ia hanya, ia hanya berubah dari satu stik ke satu lain. Dan kemudian, oh, kita akan mulakan. Kemudian, kemudian kemudian, saya akan melihat bahawa, ini dua pemenangan yang dibuat, ia oleh Android. Dan ia sepatutnya, ia oleh Google, dan ia sepatutnya mengenai Android. Jadi, kita akan melihat, sebenarnya, okey, jadi ini adalah, okey, ini adalah pemenangan yang lain. Ini adalah pemenangan yang lain. Dan apa yang kita lakukan, ia sebenarnya membuat, dari sini, ini adalah pemenangan. Dan kemudian, anda dapat menambah pemenangan data, masuk dan keluar. Dan kemudian, anda akan kata, anda mahu memperbaiki, okey, okey, memperbaiki. Memperbaiki! Dan ia tidak. Dia tidak, saya tidak terlalu terang. Ya, saya hanya menjaga, ia adalah sebuah suatu nombor, untuk mulakan ke akhirnya. Saya tidak mengenai perkara ini. Jadi, apabila anda melihat pemenangan, anda tahu, cara biasa, kita akan melihat dua nombor, adalah anda, anda membuat satu nombor yang anda mahu. Kemudian, yang lain sangat berbeza, okey. Kemudian, anda hanya memperbaiki. Anda melihat kemudian, anda akan memperbaiki. Ya, okey. Jadi, apabila anda melakukan ini, kemudian, anda akan memperbaiki. Mereka akan memperbaiki. Anda dapat melihat di sini, bagaimana bagaimana bagaimana bagaimana ia membuat pemenangan 1, minus 1. Ini telah dibuat. Tapi, jika anda mahu melakukan animasi, anda tidak boleh mempunyai seperti ini. Jadi, untuk membuat masalah ini, anda dapat sebenarnya, memilih untuk memperbaiki. Jadi, di sini, layar, kombin, memperbaiki. Apabila anda memperbaiki pada ekspor, ia tidak mempunyai pemenangan, atau memperbaiki pemenangan lagi, yang adalah apa yang anda perlukan. Kemudian, kemudian, semua yang anda perlukan, adalah pemenangan G dan P. Pemenangan G berguna untuk pemenangan. Seperti, pemenangan layar, jika anda memakai pengini. Kemudian pemenangan, hanya pemenangan dari jalan. Kemudian anda akan beritahu anda, kemudian, kira-kira, dan kemudian, kemudian,nya. Jadi, yaitu, yang lain juga. Untuk membantu anda memperbaiki file SVG yang lebih banyak, lebih memiliki pemenangan yang saya telah melihat tadi, adalah, untuk memperbaiki pemenangan ini. Dan kemudian, apabila anda memasak, anda akan bersihkan. Atau tidak, anda boleh menggunakan SVGO. Tetapi menggunakan SVGO adalah sedikit susah untuk animasi. Kerana mereka akan cuba menggunakan transmasi atau transmasi supaya anda mempunyai bahan-bahan dari SVG. Maksud lebih kecil, tetapi tidak terlalu banyak untuk animasi. Ya, jadi ini yang kita gunakan. Ini adalah kota 1 yang menyebabkan animasi untuk berlaku. Anda dapat melihat bahawa ia mencuba untuk animasi keadaan, yang ini adalah kota D. Kemudian anda hanya perlu memasak, memasak, memasak, memasak. Dan anda akan membuat animasi itu. Oh, hai. Okey, jadi ini kota 1. Okey, jadi saya hanya ingin beritahu bahawa SMIL adalah berjalan-jalan kerana KOM memasak untuk berhenti mendukungnya. Ini adalah teknologi yang sangat tua. Ia telah berjalan-jalan sepanjang tahun. Tetapi kemudian ada pergerakan keadaan keadaan CSS. Jadi, ini adalah cara kecuali alternatif untuk melakukan apa yang SMIL dapat lakukan sebelum KOM mempunyai keadaan total keadaan CSS. Saya rasa mereka berdua adalah javascript. Yang baik tentang Gwinsok adalah Gwinsok tidak peduli tentang berapa banyak kata. Anda dapat memasak untuk 4 kata-kata 10 kata-kata, dan ia masih berjalan-jalan. Jadi, anda tidak perlu menggunakan kata-kata 10 kata-kata. Tetapi, mereka mempunyai kata-kata 10 kata-kata yang memperlukan anda untuk mempunyai kata-kata yang sama. Jadi, ya. Terima kasih. Terima kasih. Ya. Pada pertanyaannya, tolonglah. Kenapa anda sangat berat? Saya minta anda beritahu lebih banyak tentang kata-kata anda. Saya boleh tanya pertanyaannya. Kenapa ia adalah kata-kata yang lain? Ya. Anda memasak kata-kata anda. Jadi, ini kata-kata Kopen. Ba-ba, kami melihat kata-kata dan kemudian kami memasak kata-kata. Jadi, kami memasak kata-kata? Ya. Baiklah. Boleh anda memberitahu bagaimana anda memasak kata-kata? Mereka semua kata-kata. Pastikan kata-kata. Baiklah, okey, okey. Terima kasih kerana memasak kata-kata. Maafkan saya. Oh, ia bergabung dengan kata-kata. Tidak, kata-kata. Kata-kata, kata-kata. Kata-kata, kata-kata. Kata-kata, kata-kata. Ya. Jadi, kata-kata kata-kata. Semuanya boleh digunakan dalam kata-kata. Ya, betul. Terutamanya jika ia kata-kata. Hanya membuat kata-kata lebih besar. Boleh memasak kata-kata. Baiklah, ada lagi pertanyaan? Ya. Apakah kata-kata akan hidup sehingga anda boleh berkata-kata? Oh, kami memasak kata-kata. Okey, baiklah. Saya tidak yakin. Segera mungkin, maya. Apakah kata-kata akan memasak kata-kata? Apakah kata-kata akan memasak kata-kata? Ya. Ia adalah kata-kata untuk anda memasak kata-kata. Ia adalah perkara yang penting. Tapi jika anda mahu memasak kata-kata, anda boleh memasak kata-kata. Ia hanya memasak kata-kata? Ya, ia hanya memasak kata-kata. Sangat ekskusi. Ada lagi pertanyaan? Okey. Ada pertanyaan yang perlu dibuat?