ਜਾਇਦਾਦ CSS "ਪਾਰਦਰਸ਼ਤਾ" - ਸਾਈਟ ਹੋਰ ਦਿਲਚਸਪ ਡਿਜ਼ਾਇਨ ਬਣਾਉਣ ਲਈ ਇੱਕ ਸਧਾਰਨ ਤਰੀਕੇ ਨਾਲ

ਅੱਜ ਦੀ ਵੈੱਬਸਾਈਟ ਡਿਜ਼ਾਇਨ ਦੀ ਰਚਨਾ ਨੂੰ ਇੱਕ ਕਲਾ ਹੈ. ਇਹ ਹੁਣੇ ਹੀ ਇੱਕ ਖਾਸ ਰੰਗ ਦਾ ਹੈ ਅਤੇ ਦੇ ਸਫ਼ੇ ਤੱਤ ਦਾ ਇੱਕ ਸੈੱਟ ਹੈ ਦਾ ਆਕਾਰ, ਫੋਰ -ਵੱਖ ਸਟਾਈਲ ਅਤੇ ਥੀਮੈਟਿਕ ਚਿੱਤਰਕਾਰੀ ਦਾ. ਕ੍ਰਮ ਨੂੰ, ਆਪਣੀ ਸਾਈਟ ਹੋਰ ਤੱਕ ਵੱਖ-ਵੱਖ ਕਰਨ ਦੀ ਸੈਲਾਨੀ 'ਦਾ ਧਿਆਨ ਆਕਰਸ਼ਿਤ ਕਰਨ ਅਤੇ ਕੁਝ ਤੱਤ ਨੂੰ ਇਸ ਦੀ ਅਗਵਾਈ ਕਰਨ ਲਈ, ਢੰਗ ਅਤੇ ਸੰਦ ਦੀ ਇੱਕ ਵੱਡੀ ਗਿਣਤੀ ਨੂੰ ਵਰਤਿਆ. ਨੂੰ ਵਿਚ ਇੱਕ ਬਹੁਤ ਹੀ ਪ੍ਰਸਿੱਧ ਸੰਪਤੀ CSS ਹੁੰਦਾ ਹੈ - ਪਾਰਦਰਸ਼ਤਾ. ਇਹ ਤਕਨੀਕ ਕਾਫ਼ੀ fashionable ਅਤੇ ਬਾਠ ਹੈ, ਅਤੇ ਇਸ ਲਈ ਅਕਸਰ ਵਰਤਿਆ ਗਿਆ ਹੈ. ਪਾਠ ਨੂੰ ਬਲਾਕ ਜ ਸਾਰੀ ਤਸਵੀਰ, - ਉਦਾਹਰਨ ਲਈ, ਪਾਰਦਰਸ਼ਤਾ ਸਾਈਟ ਦੇ ਵੱਖ-ਵੱਖ ਇਕਾਈ ਸਫ਼ੇ ਦੇ ਸਕਦਾ ਹੈ. ਇਸ ਵਿਚ ਇਹ ਵੀ ਵੱਖ ਵੱਖ ਢੰਗ ਵਿੱਚ ਪ੍ਰਾਪਤ ਕੀਤਾ. ਸਾਨੂੰ ਹੇਠ ਗੌਰ ਕਰੀਏ.

ਪੈਰਾਮੀਟਰ ਪਾਰਦਰਸ਼ਤਾ ਦੇ ਤੱਤ ਨੂੰ ਨਿਰਧਾਰਿਤ

ਪੈਰਾਮੀਟਰ ਕਈ ਦੇ ਤੱਤ ਦੀ ਪਾਰਦਰਸ਼ਤਾ ਨੂੰ ਨਿਯਮਬੱਧ ਕਰਨ. ਉਹ ਬਰਾਊਜ਼ਰ, "ਐਡਜਸਟ 'ਡਿਜ਼ਾਇਨ ਦੇ ਅਧੀਨ ਹੈ, ਜੋ ਕਿ ਖਾਸ ਉਦੇਸ਼' ਤੇ ਨਿਰਭਰ ਕਰਦਾ ਹੈ ਵਰਤਿਆ ਜਾਦਾ ਹੈ, ਦੇ ਨਾਲ ਨਾਲ. ਇਹ ਹੇਠ ਵਿਸ਼ੇਸ਼ਤਾ ਵਿੱਚ ਸ਼ਾਮਲ ਹਨ:

• ਧੁੰਦਲਾਪਨ;
• ਫਿਲਟਰ;
• ਨੂੰ ਇੱਕ ਦੀ ਪਿੱਠਭੂਮੀ ਦੇ ਤੌਰ ਤੇ PNG-ਚਿੱਤਰ.

ਜਾਇਦਾਦ ਦਾ ਮੁੱਲ CSS "ਪਾਰਦਰਸ਼ਤਾ" ਹੇਠ ਤਬਦੀਲ ਹੋ ਰਹੇ ਹਨ: ਵੱਧ ਨੰਬਰ, ਹੇਠਲੇ ਤੱਤ ਦੀ ਪਾਰਦਰਸ਼ਤਾ ਦੇ ਪੱਧਰ. ਧੁੰਦਲਾਪਨ, ਇਸ ਨੂੰ, 0 1 ਤੱਕ ਹੁੰਦੀ ਹੈ ਫਿਲਟਰ ਵਿੱਚ - 10 ਤੱਕ 100 ਅਤੇ ਬਾਅਦ Interet ਐਕਸਪਲੋਰਰ ਬਰਾਊਜ਼ਰ ਹੈ, ਅਤੇ ਸਾਰੇ ਹੋਰ ਲਾਗੂ ਧੁੰਦਲਾਪਨ ਜਾਇਦਾਦ ਲਈ ਵਰਤਿਆ ਗਿਆ ਹੈ.

ਪਾਰਦਰਸ਼ਤਾ ਚਿੱਤਰ (ਬਦਲ ਰਹੀ)

ਦਾ ਵਿਕਲਪ ਤੁਹਾਨੂੰ ਇਕਾਈ ਨੂੰ ਜਾਣ ਦਾ ਹੈ, ਜੋ ਕਿ ਪਾਰਦਰਸ਼ੀ ਵੇਖਾਈ ਦੇਵੇਗਾ ਨਾਲ ਸ਼ੁਰੂ ਕਰੀਏ ਮਾਊਸ ਨੂੰ ਖਿੱਚ ਕੇ.

ਆਓ ਦੇਖੀਏ ਚਿੱਤਰ ਦੇ ਪਾਰਦਰਸ਼ਤਾ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ. CSS ਦੋ ਵਿਕਲਪ ਦੀ ਪੇਸ਼ਕਸ਼ ਕਰਦਾ ਹੈ. ਇਹ ਕਰਨ ਲਈ, ਤੁਹਾਨੂੰ ਇਸ ਨੂੰ ਸਿੱਧੇ ਤੌਰ 'ਤੇ ਕੋਡ ਨੂੰ HTML ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਹੇਠ ਰਜਿਸਟਰ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ:

1. ਚਿੱਤਰ ਨੂੰ ਲਈ ਮਾਰਗ ਦਿਓ.
2. ਸਾਨੂੰ ਪਾਰਦਰਸ਼ਤਾ ਦੀ ਪੈਰਾਮੀਟਰ ਪਰਿਭਾਸ਼ਤ ਜਦ ਕਰਸਰ ਨਹੀ ਹੈ. ਇਹ ਕਰਨ ਲਈ, ਸਾਨੂੰ onmouseover ਅਤੇ onMouseOut ਹੈ, ਜੋ ਕਿ ਧੁੰਦਲਾਪਨ, ਅਤੇ ਫਿਲਟਰ ਦਾ ਮੁੱਲ ਦਾ ਨੁਸਖ਼ਾ ਹੈ ਦੀ ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਵਰਤਣ.

ਉਸੇ ਹੀ ਗੁਣ CSS-ਦਸਤਾਵੇਜ਼ ਹੈ ਅਤੇ ਇਸ ਨੂੰ ਕਰਨ ਲਈ ਇੱਕ ਹਵਾਲਾ ਸ਼ਾਮਿਲ ਕਰਨ ਲਈ ਸਰੋਤ ਕੋਡ ਵਿੱਚ ਤਜਵੀਜ਼ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ. ਨਤੀਜੇ ਉਸੇ ਬਾਹਰ ਜਮਾ.

ਪਾਠ ਅਤੇ ਸਫ਼ੇ ਬਲਾਕ ਦੀ ਪਾਰਦਰਸ਼ਤਾ

ਹੋਣ ਦੇ ਨਾਤੇ ਟੈਕਸਟ ਜ ਬਲਾਕ (ਪਾਰਦਰਸ਼ੀ Div) ਲਈ, CSS ਇਸ ਚੋਣ ਨੂੰ ਹੈ, ਇੱਕ ਪਾਰਦਰਸ਼ੀ ਚਿੱਤਰ ਨੂੰ ਬਣਾਉਣ ਲਈ ਵੀ ਇਸੇ ਦੀ ਪੇਸ਼ਕਸ਼ ਕਰਦਾ ਹੈ, ਤੁਹਾਨੂੰ ਜੁੜਿਆ CSS-ਫਾਇਲ ਹੈ, ਜਿਸ ਵਿੱਚ ਲੋੜੀਦੇ ਪੈਰਾਮੀਟਰ ਸੈੱਟ ਕੀਤੇ ਗਏ ਹਨ ਨੂੰ ਵਰਤਣ ਲਈ ਹੈ. ਤੁਹਾਨੂੰ ਜਾਣ ਦੀ ਹੈ ਅਤੇ ਇੱਕ ਸਰਲ ਤਰੀਕਾ ਹੋ ਸਕਦਾ ਹੈ. ਤੁਹਾਨੂੰ ਸ਼ੈਲੀ ਬਲਾਕ Div ਵਰਗੀ ਸੈੱਟ ਕੀਤਾ ਜ ਪਾਠ ਪੀ onmouseover ਅਤੇ ਤੱਤ onMouseOut ਕਰਨ ਲਈ ਹੇਠ HTML-ਕੋਡ ਦਾ ਨੁਸਖ਼ਾ ਹੈ. ਦੋਨੋ ਚੋਣ ਨੂੰ ਕੰਮ ਕਰਨ ਅਤੇ ਲੋੜੀਦੇ ਨਤੀਜਾ.

ਪਾਰਦਰਸ਼ਤਾ ਲਗਾਤਾਰ

ਕਈ ਵਾਰ, ਇੱਕ ਇਕਾਈ ਦੀ ਪਾਰਦਰਸ਼ਤਾ, ਇੱਕ ਡਿਜ਼ਾਇਨ ਤੱਤ ਜ ਪਾਠ ਤੁਹਾਨੂੰ ਇੱਕ ਚੱਲ ਆਧਾਰ 'ਤੇ ਸੈੱਟ ਕਰਨਾ ਚਾਹੁੰਦੇ. ਇਸ ਸਥਿਤੀ ਵਿੱਚ, ਦਾ ਹੱਲ ਜਦ ਤੁਹਾਨੂੰ ਮਾਊਸ ਕਰਸਰ ਕੀ ਸਬੰਧ ਹੈ ਵੱਧ ਵੀ ਸੌਖਾ ਹੁੰਦਾ ਹੈ.

ਪਾਰਦਰਸ਼ਤਾ ਲਈ CSS ਤੱਤ ਹੇਠ ਦਿੱਤੇ ਕੋਡ ਦੁਆਰਾ ਦਿੱਤਾ ਜਾਵੇਗਾ. ਬਲਾਕ Div ਸ਼ੈਲੀ ਵਿੱਚ ਦੀ ਪਿੱਠਭੂਮੀ (ਉਦਾਹਰਨ ਲਈ, # ff8800), ਧੁੰਦਲਾਪਨ (ਉਦਾਹਰਨ ਲਈ, 0.5) ਅਤੇ ਚੌੜਾਈ (ਚੌੜਾਈ) ਅਤੇ ਚਿਣਨ (ਪੈਡਿੰਗ) ਲਈ ਮੁੱਲ ਦਾ ਨੁਸਖ਼ਾ.

ਚਿੱਤਰ ਨੂੰ ਲਈ ਕੋਡ ਮੁੱਲ ਕਰ ਰਹੇ ਹਨ ਅਤੇ ਧੁੰਦਲਾਪਨ ਫਿਲਟਰ, ਅਤੇ ਚਿੱਤਰ ਲਈ ਮਾਰਗ ਦਿਓ.

RGBA-ਢੰਗ ਹੈ

ਪਾਰਦਰਸ਼ਤਾ ਕਿਸੇ ਵੀ ਡਿਜ਼ਾਇਨ ਤੱਤ ਦੇ ਅਧਾਰ ਰੰਗ ਨੂੰ ਲਾਗੂ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ: ਇਸ ਸੰਪਤੀ ਨੂੰ CSS ਵਰਤਣ ਲਈ ਹੋਰ ਵਿਕਲਪ ਹਨ. ਇਹ RGBA ਦਾ ਢੰਗ ਨੂੰ ਵਰਤਦਾ ਹੈ. ਅਲਫ਼ਾ, ਜੋ ਕਿ ਪਾਰਦਰਸ਼ਤਾ ਦੇ ਪੱਧਰ ਤੈਅ ਕਰਦਾ ਹੈ - ਪਹਿਲੇ ਤਿੰਨ ਅੱਖਰ ਬੁਨਿਆਦੀ ਰੰਗ (ਲਾਲ, fission, ਨੀਲਾ), ਅਤੇ ਪਿਛਲੇ ਲਈ ਖੜ੍ਹੇ. RGBA ਦਾ-ਫਾਰਮੈਟ ਵਰਤ ਪਾਰਦਰਸ਼ਤਾ ਦਾ ਨੁਸਖ਼ਾ ਹੈ, ਪਿਛਲੇ ਅੰਕ ਕਰਨ ਲਈ ਇਸ ਨੂੰ ਇਸ਼ਾਰਾ. ਮਿਸਾਲ ਲਈ, ਦੇ ਰੂਪ ਵਿੱਚ: ਦੀ ਪਿੱਠਭੂਮੀ: RGBA (240,2,33,0.4035).

ਸਿੱਟਾ

ਇਸ ਲਈ, ਸਾਈਟ ਡਿਜ਼ਾਇਨ ਸਾਦਾ ਪਰ ਪ੍ਰਭਾਵਸ਼ਾਲੀ ਫੀਚਰ ਨੂੰ CSS "ਪਾਰਦਰਸ਼ਤਾ 'ਤੇ ਕੰਮ ਦੇ ਕੋਰਸ ਵਿੱਚ ਵਰਤ ਕੇ, ਤੁਹਾਨੂੰ ਇਸ ਨੂੰ ਹੋਰ ਦਿਲਚਸਪ ਅਤੇ ਹੋਰ ਵੀ ਨਜ਼ਰ ਘੱਟੋ-ਘੱਟ ਮਿਹਨਤ ਕਰਨ ਦੇ ਨਾਲ ਤੱਤ ਕਰ ਸਕਦੇ ਹੋ. ਦੱਸਿਆ ਗਿਆ ਹੈ embodiments ਕਸਟਮ ਪਾਰਦਰਸ਼ਤਾ ਫੀਚਰ ਇਸ ਦੇ ਨਾਲ ਨਾਲ ਤੁਹਾਡੀ ਮਦਦ ਕਰਨਗੇ.