शुद्ध सीएसएस (फ़ायरफ़ॉक्स) में थोड़ी आग

फ़ायरफ़ॉक्स ब्राउज़र होम पेज पर जाने के बारे में: घर (ब्राउज़र में ही स्टैंडअलोन), मुझे एलजीपीएल लाइसेंस के तहत बहुत भारी एनिमेटेड स्प्राइट्स पर बने धधकते हुए आग का एक अच्छा कार्यान्वयन नहीं मिला (कम से कम शुरुआती -होम-एफएक्स .js के तहत ) । नहीं हर दिन आप ब्राउज़र में स्क्रिप्ट पर उच्च गुणवत्ता वाली आग देखेंगे। करीब से निरीक्षण करने पर, यह पता चला कि ये स्क्रिप्ट भी नहीं थे, लेकिन पूरी तरह से एनिमेटेड सीएसएस हैं। एक छोटी सी स्क्रिप्ट का उपयोग केवल शुरुआत और रोक के लिए किया जाता है। इस विचार और प्रारूप का उपयोग करते हुए, डिजाइनर आग, धुआं या बहते पानी का अपना अहसास बनाने में सक्षम होंगे।

इंटरनेट पर एक कोड से कीवर्ड की खोज करने से परिणाम नहीं मिला, इसलिए, ट्यूरिंग मशीन ( गिथब ) के साथ, स्क्रिप्ट और शैलियों को मौका और रहस्य के बंधनों से मुक्त करने की इच्छा थी। यही है, इसे एक खुले और स्थिर स्रोत में एक पठनीय और कामकाजी रूप में रखें। अन्यथा, ओलंपिक खत्म हो जाएगा - और उसकी दृष्टि से गायब होने का हर मौका होगा। और यहाँ परिणाम है:
github.com/spmbt/flame-animate-css-mozilla

(फ़ायरफ़ॉक्स में केवल इंडेक्स-स्नैप-फ्लेम .htm फ़ाइल देखें; यदि आप चाहें, तो आप उन सभी तत्वों को देख सकते हैं जो इंडेक्स-स्नैप-फ्लेम- originalRu.htm में पेज पर हैं / एनीमेशन के साथ, संपूर्ण / ओरिजिनल फ़ोल्डर डाउनलोड करके।)

डेमो: spmbt.kodingen.com/demo/index-snap-flame.htm
(सीएसएस कोडिंग की ख़ासियत के कारण, एनीमेशन केवल फ़ायरफ़ॉक्स के तहत काम करेगा; यदि वे एक नई फ़ाइल में क्रॉस-ब्राउज़र कोड के साथ एक पुल अनुरोध या कांटा देते हैं, तो मुझे खुशी होगी)।

एनीमेशन, ज़ाहिर है, मोज़िला के लिए सिलवाया गया है, लेकिन सबसे अधिक संभावना है, शैलियों को फिर से लिखना इसे अन्य आधुनिक ब्राउज़रों पर चलने से नहीं रोक सकेगा।

एक लाइसेंस और लेखक के साथ - यह बहुत स्पष्ट नहीं है, सिवाय इसके कि यह विशेष रूप से आंतरिक ब्राउज़र स्क्रिप्ट के लिए एक मोज़िलियन विकास है। स्टार्ट-अप स्क्रिप्ट aboutHome.js को LGPL (3 लेखक, जिनमें मुख्य एक - मार्को बोनार्डो (मूल लेखक) शामिल हैं) द्वारा लाइसेंस प्राप्त है, लेकिन फायर पैटर्न की उत्पत्ति स्पष्ट नहीं है, क्योंकि इसे कार्य पृष्ठ से निकाला जाना था।

UPD: k12th ने उन्हें क्रोम / वेबकिट में काम करने के लिए एक स्टाइल अपडेट किया, लेकिन अब तक वे फ़ायरफ़ॉक्स की तुलना में वहाँ बहुत अधिक (“बुरा” नहीं कहना चाहते) एनिमेट नहीं कर रहे हैं। लेकिन वैसे भी, क्रॉस-ब्राउज़र संगतता के पहले पुनरावृत्ति के लिए उसके लिए धन्यवाद ( यदि अधिक अनुरोध हैं, तो मैं इसे सोमवार को स्वीकार कर सकता हूं, क्षमा करें )।