Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> CSS

CSS के साथ ऑब्जेक्ट को वेव लुक देने के लिए साइन वेव डिस्टॉर्शन दें


वेव इफेक्ट का उपयोग वस्तु को लहरदार दिखाने के लिए साइन वेव विरूपण देने के लिए किया जाता है।

इस फ़िल्टर में निम्न पैरामीटर का उपयोग किया जा सकता है

S.No
<वें शैली ="चौड़ाई:88.8975%; पाठ-संरेखण:केंद्र;"> पैरामीटर और विवरण
1
जोड़ें
1 का मान मूल छवि को तरंगित छवि में जोड़ता है, 0 नहीं।
2
आवृत्ति
लहरों की संख्या।
3
प्रकाश
तरंग पर प्रकाश की शक्ति (0 से 100 तक)।
4
चरण
साइन वेव किस डिग्री पर शुरू होना चाहिए (0 से 100 तक)।
5
ताकत
लहर प्रभाव की तीव्रता।

उदाहरण

आप तरंग प्रभाव सेट करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं -

    CSS के साथ ऑब्जेक्ट को वेव लुक देने के लिए साइन वेव डिस्टॉर्शन दें  

पाठ उदाहरण:

सीएसएस ट्यूटोरियल

  1. सीएसएस के साथ संक्रमण प्रभाव की गति वक्र कैसे सेट करें

    ट्रांज़िशन-टाइमिंग-फ़ंक्शन . का उपयोग करें संपत्ति संक्रमण प्रभाव की गति वक्र निर्धारित करने के लिए। आप जो मान सेट कर सकते हैं वे हैं:सहजता, सुगमता, सुगमता, रैखिक, आदि। उदाहरण आप सीएसएस के साथ संक्रमण प्रभाव की गति वक्र सेट करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं - <!DOCTYPE html> &

  1. CSS के साथ Transition Effect में देरी कैसे करें

    संक्रमण-देरी का उपयोग करें संपत्ति सीएसएस के साथ संक्रमण प्रभाव में देरी करने के लिए। संक्रमण का 1 सेकंड विलंब सेट करने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं: उदाहरण <!DOCTYPE html> <html>    <head>       <style>        

  1. CSS के साथ होवर प्रभाव की गति निर्धारित करें

    होवर की गति निर्धारित करने के लिए, संक्रमण-अवधि गुण का उपयोग करें। होवर सेट करने के लिए, होवर चयनकर्ता का उपयोग करें। उदाहरण होवर प्रभाव को गति देने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं - .btn { बैकग्राउंड-कलर:येलो; रंग काला; पाठ-संरेखण:केंद्र; फ़ॉन्ट-आकार:15px; पैडिंग:20px; सीमा-त्रि