Back to Question Center
0

WebKit ਦੇ ਅੱਪਡੇਟ CSS3 ਗਰੇਡੀਐਂਟ ਸਹਿਯੋਗ, ਮੌਜ਼ਿਲਾ ਸਿਨਟੇਕ ਨਾਲ ਮੇਲ ਖਾਂਦਾ ਹੈ            ਵੈਬਕਿੱਟ ਅੱਪਡੇਟ CSS3 ਗਰੇਡੀਐਂਟ ਸਹਿਯੋਗ, ਮੇਲ਼ ਮੋਜ਼ੀਲਾ ਸਿੰਨਟੇਕਸਰੇਟਿਡ ਵਿਸ਼ੇ: ES6JQueryReactTools

1 answers:
ਵੈਬਕਿੱਟ ਅੱਪਡੇਟ CSS3 ਗਰੇਡੀਐਂਟ ਸਹਿਯੋਗ, ਮੌਜ਼ਿਲਾ ਸਿਨਟਾੈਕਸ ਨਾਲ ਮੇਲ ਖਾਂਦਾ ਹੈ

ਸ਼ੁੱਕਰਵਾਰ ਨੂੰ ਵੈਬਕਿੱਟ ਟੀਮ ਨੇ ਐਲਾਨ ਕੀਤਾ ਕਿ ਉਹ ਰੈਂਡਰਿੰਗ ਇੰਜਨ ਵਿੱਚ CSS3 ਗਰੇਡਿਅੰਟ ਸਪੋਰਟ ਨੂੰ ਅੱਪਡੇਟ ਕਰ ਰਹੇ ਹਨ, ਇਸ ਨੂੰ ਮੋਜ਼ੀਲਾ ਦੇ ਲਾਗੂ ਕਰਨ ਦੇ ਰੂਪ ਵਿੱਚ ਲਾਗੂ ਕਰ ਰਹੇ ਹਨ. ਰਾਤ ਦੇ ਵੈਬਕਿੱਟ ਵਿੱਚ ਹੁਣ -ਵਬਕੀਟ-ਰੇਖਿਕ-ਗਰੇਡਿਅੰਟ ਅਤੇ -ਵਬਕੀਟ-ਰੈਡੀਅਲ-ਗਰੇਡੀਐਂਟ ਲਈ ਸਹਿਯੋਗ ਸ਼ਾਮਲ ਕੀਤਾ ਗਿਆ ਹੈ - ਪੁਰਾਣੇ-ਵੈਬਕਿਟ-ਗਰੇਡੀਅਨ ਮੁੱਲ ਦੇ ਇਲਾਵਾ. ਇਹ ਨਵੇਂ ਮੁੱਲ ਇੱਕੋ ਜਿਹੇ ਸੰਟੈਕਸ ਨੂੰ -ਮੋਜ਼-ਰੇਖਿਕ-ਗਰੇਡੀਐਂਟ ਅਤੇ -ਮੋਜ਼-ਰੈਡੀਅਲ-ਗਰੇਡਿਅੰਟ ਦੇ ਤੌਰ ਤੇ ਵਰਤਦੇ ਹਨ, ਤਾਂ ਹੁਣ ਡਿਵੈਲਪਰ ਹੁਣ ਇਕੋ ਜਿਹੇ ਮੁੱਲਾਂ ਦੇ ਸੈਟ ਨੂੰ ਵਰਤ ਸਕਦੇ ਹਨ, ਨਾ ਕਿ ਦੋ ਸੰਟੈਕਸਾਂ ਨੂੰ ਲਿਖਣ ਦੀ ਬਜਾਏ, ਜਿਵੇਂ ਕਿ ਪਹਿਲਾਂ ਲੋੜ ਸੀ. ਪੁਰਾਣੇ ਡਿਵੈਲਪਰਾਂ ਨੂੰ ਗਰੇਡੀਐਂਟ ਕੋਡ ਜੈਨਰੇਟਰਾਂ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਵਾਪਸ ਪਰਤ ਆਇਆ ਸੀ, ਕਿਉਂਕਿ ਪੁਰਾਣੀ ਵੈਬਕਿਟ ਸਿਟੈਕਸ ਨੂੰ ਯਾਦ ਰੱਖਣਾ ਔਖਾ ਸੀ. ਇਸ ਨਵੇਂ ਸਾਧਾਰਣ ਅਤੇ ਇਕਸਾਰ ਸਿੰਟੈਕਸ ਦੇ ਨਾਲ, ਕੰਮ ਕਰਨ ਦੇ ਸਥਾਨਾਂ ਵਿੱਚ ਗਰੇਡੀਐਂਟ ਦਾ ਇਸਤੇਮਾਲ ਕਰਨਾ ਬਹੁਤ ਸੌਖਾ ਹੋ ਜਾਵੇਗਾ.

ਸੰਟੈਕਸ ਨੂੰ ਹੁਣ ਵੀ ਨਵੀਨਤਮ ਸੰਪਾਦਕ ਦੇ ਡਰਾਫਟ ਵਿੱਚ ਸ਼ਾਮਲ ਕੀਤਾ ਗਿਆ ਹੈ CSS3 ਚਿੱਤਰ ਮੁੱਲ ਅਤੇ ਬਦਲੇ ਹੋਏ ਸਮੱਗਰੀ ਮੋਡੀਊਲ - logiciel planning horaire.

ਖੁਸ਼ਕਿਸਮਤੀ ਨਾਲ ਡਿਵੈਲਪਰਾਂ ਲਈ ਜੋ ਪੁਰਾਣੇ -ਵਬਕੀਟ-ਗਰੇਡਿਅੰਟ ਦੀ ਵਰਤੋਂ ਸ਼ੁਰੂ ਕਰ ਚੁੱਕੇ ਹਨ, ਮੌਜੂਦਾ ਸਾਈਟ ਨਹੀਂ ਤੋੜਣਗੇ. ਇਹ ਇਸ ਕਰਕੇ ਹੈ ਕਿ ਨਵੀਆਂ ਸੰਪਤੀਆਂ ਦਾ ਨਾਂ ਵੱਖਰਾ ਹੈ, ਅਤੇ -ਵਿੱਬਿਟ-ਗਰੇਡੀਐਂਟ ਦੇ ਮੌਜੂਦਾ ਅਮਲਾਂ ਨੂੰ ਹਟਾ ਨਹੀਂ ਦਿੱਤਾ ਜਾਵੇਗਾ.

ਨਵੇਂ ਸਮਰਥਨ ਦੇ ਪ੍ਰਦਰਸ਼ਨ ਦੇ ਰੂਪ ਵਿੱਚ, ਘੋਸ਼ਣਾ ਦੇ ਬਲੌਗ ਪੋਸਟ ਵਿੱਚ ਕਈ ਉਦਾਹਰਨ ਗਰੇਡੀਐਂਟ ਸ਼ਾਮਲ ਹੁੰਦੇ ਹਨ. ਸਰੋਤ ਤੇ ਇੱਕ ਨਜ਼ਰ ਮਾਰੋ, ਅਤੇ ਤੁਸੀਂ ਦੇਖੋਗੇ ਕਿ ਮੁੱਲ -ਮੋਜ਼-ਰੇਖਿਕ-ਗਰੇਡੀਐਂਟ ਅਤੇ -ਵਬਕੀਟ-ਲੀਨੀਅਰ-ਗਰੇਡਿਅੰਟ ਦੋਨਾਂ ਵਿੱਚ ਇੱਕੋ ਜਿਹੇ ਹਨ. ਇਹ ਵੀ ਰੈਡੀਅਲ ਗਰੈਡੀਏੰਟਸ ਲਈ ਜਾਂਦਾ ਹੈ, ਅਤੇ ਰੇਖਿਕ ਅਤੇ ਰੇਡੀਏਸ਼ਨ ਦੇ ਗਰੇਡੀਏਂਟਸ ਦੇ ਦੁਹਰਾਏ ਵਾਰਾਂ ਲਈ.

ਸਿੰਟੈਕਸ ਤੋਂ ਅਣਜਾਣ ਲੋਕਾਂ ਲਈ, ਸਾਡੇ ਕੋਲ ਇਕ ਤੇਜ਼ ਪਾਠਕ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ. ਇੱਕ ਸਧਾਰਣ ਰੇਖਾਵੀਂ ਗਰੇਡਿਅੰਟ ਮਿਟਾਓ ਸਿੱਧਾ ਹੈ:

    
ਪਿੱਠਭੂਮੀ-ਚਿੱਤਰ: -ਵਬਕੀਟ-ਰੇਖਿਕ-ਢਾਲਿਕ (ਕਾਲਾ, ਚਿੱਟਾ);
ਪਿੱਠਭੂਮੀ-ਚਿੱਤਰ: -ਮੋਜ਼-ਰੇਖਿਕ-ਢਾਲਿਕ (ਕਾਲਾ, ਚਿੱਟਾ);
    

ਜੇ ਤੁਸੀਂ ਚਾਹੁੰਦੇ ਹੋ ਕਿ ਤੁਹਾਡੀ ਗਰੇਡਿਅੰਟ ਇੱਕ ਵੱਖਰੇ ਧੁਰੇ ਦੇ ਨਾਲ ਹੋਵੇ ਤਾਂ ਤੁਸੀਂ ਖੱਬੇ , ਸੱਜੇ , ਸਿਖਰ ਵਰਗੇ ਸ਼ਬਦਾਂ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਮੂਲ ਮੁੱਦੇ ਨੂੰ ਨਿਸ਼ਚਿਤ ਕਰ ਸਕਦੇ ਹੋ. ਹੇਠਾਂ , ਹੇਠਾਂ ਖੱਬੇ , ਹੇਠਾਂ ਸੱਜੇ , ਅਤੇ ਇਸੇ ਤਰ੍ਹਾਂ, ਜਾਂ ਦਰਸਾਈ ਦੇ ਲਈ ਡਿਗਰੀ ਵਿੱਚ ਇੱਕ ਮੁੱਲ ਨਿਸ਼ਚਿਤ ਕਰੋ ਕਿ ਗਰੇਡਿਅੰਟ ਚੱਲੇਗਾ. ਕੋਣ ਦਾ ਮੁੱਲ ਰੰਗ ਦੀ ਸਟਾਪਸ ਦੀ ਸੂਚੀ ਤੋਂ ਪਹਿਲਾਂ ਜਾਂਦਾ ਹੈ, ਅਤੇ ਡਿਗਰੀਆਂ ਨੂੰ ਸੱਜੇ ਤੋਂ ਘੜੀ ਦੀ ਦਿਸ਼ਾ ਗਿਣਿਆ ਜਾਂਦਾ ਹੈ. ਇਸ ਲਈ, ਇੱਕ ਗਰੇਡਿਅੰਟ ਲਈ ਡੱਬੇ ਦੇ ਸੱਜੇ ਕੋਨੇ ਤੋਂ ਸ਼ੁਰੂ ਹੁੰਦਾ ਹੈ ਅਤੇ ਹੇਠਲੇ ਖੱਬੇ ਪਾਸੇ ਖਤਮ ਹੁੰਦਾ ਹੈ, ਤੁਸੀਂ ਹੇਠ ਲਿਖਿਆਂ ਵਿੱਚੋਂ ਕਿਸੇ ਨੂੰ ਲਿਖ ਸਕਦੇ ਹੋ:

     ਪਿਛੋਕੜ-ਚਿੱਤਰ: -ਵਬਕੀਟ-ਰੇਖਿਕ-ਗਰੇਡੀਐਂਟ (ਸੱਜੇ ਪਾਸੇ, ਕਾਲਾ, ਚਿੱਟਾ);     
     ਪਿੱਠਭੂਮੀ ਚਿੱਤਰ: -ਵਬਕੀਟ-ਰੇਖਿਕ-ਗਰੇਡੀਐਂਟ (135 ਡਿਗਰੀ, ਕਾਲਾ, ਚਿੱਟਾ);     

ਤੁਸੀਂ ਸਟਾਪਸ ਨੂੰ ਪਰਿਭਾਸ਼ਤ ਕਰਨ ਲਈ ਵੀ ਨਿਰਧਾਰਤ ਕਰ ਸਕਦੇ ਹੋ ਜਿੱਥੇ ਹਰ ਇੱਕ ਰੰਗ ਦੀ ਸ਼ੁਰੂਆਤ ਹੁੰਦੀ ਹੈ, ਅਤੇ ਤੁਸੀਂ ਜਿੰਨੇ ਵੀ ਚਾਹੋ ਨਿਰਧਾਰਤ ਕਰ ਸਕਦੇ ਹੋ.

ਰੈਡੀਅਲ ਗਰੇਡੀਐਂਟ ਲਈ ਸਿੰਟੈਕਸ ਬਹੁਤ ਸਮਾਨ ਹੈ:

     ਪਿਛੋਕੜ-ਚਿੱਤਰ: -ਵਬਕੀਟ-ਰੇਡੀਏਲ-ਗਰੇਡੀਐਂਟ (ਕਾਲਾ, ਚਿੱਟਾ);     

ਜੇ ਤੁਸੀਂ ਗਰੇਡਿਅੰਟ ਦਾ ਕੇਂਦਰ ਸਥਾਪਤ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ ਸਿਰਫ ਵੈਲਯੂ ਅਤੇ ਵੈਲਯੂ ਨੂੰ ਉਸੇ ਤਰ੍ਹਾਂ ਦਰਸਾਓ ਜਿਵੇਂ ਪਿਛੋਕੜ-ਸਥਿਤੀ ਲਈ ਤੁਸੀਂ ਕਰਦੇ ਹੋ:

     ਪਿਛੋਕੜ-ਚਿੱਤਰ: -ਵਬਕੀਟ-ਰੇਡੀਏਲ-ਗਰੇਡੀਐਂਟ (10px 10px, ਕਾਲਾ, ਚਿੱਟਾ);     

ਤੁਸੀਂ ਰੇਡਿਅਲ ਗਰੇਡਿਅੰਟ ਦੇ ਆਕਾਰ ਅਤੇ ਆਕਾਰ ਨੂੰ ਵੀ ਅਨੁਕੂਲ ਕਰ ਸਕਦੇ ਹੋ, ਇਸ ਬਾਰੇ ਵੇਰਵੇ ਦੇਖ ਸਕਦੇ ਹੋ ਜਾਂ ਵਧੇਰੇ ਵੇਰਵੇ ਲਈ ਘੋਸ਼ਣਾ ਕਰ ਸਕਦੇ ਹੋ.

ਇਕਸਾਰ ਕਾਰਜਸ਼ੀਲਤਾ ਅਤੇ ਡਰਾਫਟ ਨਿਰਧਾਰਨ, ਹਰ ਰੋਜ ਪ੍ਰਾਜੈਕਟਾਂ ਵਿੱਚ ਵਰਤੋਂ ਕਰਨ ਲਈ CSS3 ਗਰੇਡੀਐਂਟ ਦੀ ਤਰੱਕੀ ਵਿੱਚ ਵੱਡੇ ਕਦਮ ਹਨ. ਜੇ ਤੁਸੀਂ ਉਨ੍ਹਾਂ ਦੀ ਜਟਿਲਤਾ ਦੇ ਕਾਰਨ ਪਿਛਲੇ ਸਮੇਂ ਤੋਂ ਉਨ੍ਹਾਂ ਤੋਂ ਦੂਰ ਹੋ ਗਏ ਹੋ, ਤਾਂ ਕੀ ਇਹ ਮੀਟੈਂਟ ਲਈ ਇਹ ਅਪਡੇਟ ਤੁਹਾਨੂੰ ਉਹਨਾਂ ਦੀ ਵਰਤੋਂ ਬਾਰੇ ਮੁੜ ਵਿਚਾਰ ਕਰੇਗਾ?

ਨੋਟ: ਹੋਰ ਚਾਹੁੰਦੇ ਹੋ?

ਜੇਕਰ ਤੁਸੀਂ ਲੂਈ ਤੋਂ ਹੋਰ ਪੜ੍ਹਨਾ ਚਾਹੁੰਦੇ ਹੋ, ਸਾਡੇ ਹਫਤਾਵਾਰੀ ਤਕਨੀਕੀ ਗੇਕ ਦੇ ਨਿਊਜ਼ਲੈਟਰ ਨੂੰ ਸਵੀਕਾਰ ਕਰੋ, ਟੈਕ ਟਾਈਮਜ਼ . ਉਹ ਹਿੱਪ-ਹੋਪ, ਮਸਾਲੇਦਾਰ ਭੋਜਨ ਅਤੇ ਗੈਜੇਕੀ ਸਭ ਚੀਜ਼ਾਂ ਦਾ ਅਨੰਦ ਲੈਂਦਾ ਹੈ.

March 8, 2018