Memikirkan cara memecahkan teks fiksi ilmiah 3D
Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
Dalam Tantangan GUI hari ini, @AdamArgyleInk memberikan sentuhan #CSS pada efek teks 3D film sci-fi klasik dengan menjadikannya interaktif untuk di-scroll. Didukung oleh animasi tertaut scroll CSS sebagaimana ditentukan oleh spesifikasi Scroll Animations 1 terbaru, lihat saat dia men-scroll beberapa teks dan membuatnya menghilang ke tepi galaksi, atau um, area pandang.
Segmen:
- 0.00 - Pendahuluan
- 0.29 - Pengantar
- 1.00 - Waktunya bercerita
- 2:20 - Animasi Berbasis Scroll
- 3.21 - HTML
- 4.00 - CSS
- 8:58 - Proses Debug
- 10.52 - Outro
Referensi:
Tonton Tantangan GUI lainnya → https://goo.gle/GUIchallenges
Berlangganan Developer Google Chrome → https://goo.gle/ChromeDevs
arrow_back Kembali ke semua episode
Kecuali dinyatakan lain, konten di halaman ini dilisensikan berdasarkan Lisensi Creative Commons Attribution 4.0, sedangkan contoh kode dilisensikan berdasarkan Lisensi Apache 2.0. Untuk mengetahui informasi selengkapnya, lihat Kebijakan Situs Google Developers. Java adalah merek dagang terdaftar dari Oracle dan/atau afiliasinya.
Terakhir diperbarui pada 2023-04-12 UTC.
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"Informasi yang saya butuhkan tidak ada"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Terlalu rumit/langkahnya terlalu banyak"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Sudah usang"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"Masalah terjemahan"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Masalah kode / contoh"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Lainnya"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Mudah dipahami"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"Memecahkan masalah saya"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Lainnya"
}]
{"lastModified": "Terakhir diperbarui pada 2023-04-12 UTC."}
[[["Mudah dipahami","easyToUnderstand","thumb-up"],["Memecahkan masalah saya","solvedMyProblem","thumb-up"],["Lainnya","otherUp","thumb-up"]],[["Informasi yang saya butuhkan tidak ada","missingTheInformationINeed","thumb-down"],["Terlalu rumit/langkahnya terlalu banyak","tooComplicatedTooManySteps","thumb-down"],["Sudah usang","outOfDate","thumb-down"],["Masalah terjemahan","translationIssue","thumb-down"],["Masalah kode / contoh","samplesCodeIssue","thumb-down"],["Lainnya","otherDown","thumb-down"]],["Terakhir diperbarui pada 2023-04-12 UTC."],[],[]]
