ಆಸ್ತಿ CSS "ಪಾರದರ್ಶಕತೆ" - ಸೈಟ್ ಹೆಚ್ಚು ಆಸಕ್ತಿಕರ ವಿನ್ಯಾಸ ಮಾಡಲು ಸರಳ ರೀತಿಯಲ್ಲಿ

ಇಂದು, ವೆಬ್ಸೈಟ್ ವಿನ್ಯಾಸ ಸೃಷ್ಟಿ ಕಲಾ ರೂಪ ಆಗುತ್ತದೆ. ಈ ಒಂದು ನಿರ್ದಿಷ್ಟ ಬಣ್ಣ ಮತ್ತು ಪುಟ ಅಂಶಗಳನ್ನು ಕೇವಲ ಒಂದು ಸೆಟ್ ಅಲ್ಲ ಗಾತ್ರ, ಫಾಂಟ್ ವಿವಿಧ ಶೈಲಿಗಳು ಮತ್ತು ವಿಷಯಾಧಾರಿತ ವರ್ಣಚಿತ್ರಗಳ. ಇತರರಿಂದ ನಿಮ್ಮ ಸೈಟ್ ವಿಭಿನ್ನ ಮಾಡಲು ಸಂದರ್ಶಕರ ಗಮನ ಸೆಳೆಯಲು ಮತ್ತು ಕೆಲವು ಅಂಶಗಳನ್ನು ಅದನ್ನು ನಿರ್ದೇಶಿಸಲು ಸಲುವಾಗಿ, ವಿಧಾನಗಳು ಮತ್ತು ಸಲಕರಣೆಗಳ ಒಂದು ಬೃಹತ್ ಸಂಖ್ಯೆಯ ಬಳಸಲಾಗುತ್ತದೆ. ಪಾರದರ್ಶಕತೆ - ಅವರಲ್ಲಿ ಅತ್ಯಂತ ಜನಪ್ರಿಯ ಆಸ್ತಿ CSS ಆಗಿದೆ. ಈ ತಂತ್ರವನ್ನು ಸಾಕಷ್ಟು ಫ್ಯಾಶನ್ ಮತ್ತು ಮನಮೋಹಕ, ಮತ್ತು ಆದ್ದರಿಂದ ಸಾಮಾನ್ಯವಾಗಿ ಬಳಸಲಾಗುತ್ತದೆ. ಉದಾಹರಣೆಗೆ ಪಠ್ಯ ಬ್ಲಾಕ್ ಅಥವಾ ಇಡೀ ಚಿತ್ರ, - ಪಾರದರ್ಶಕತೆ ಸೈಟ್ ವಿವಿಧ ವಸ್ತುಗಳನ್ನು ಪುಟಗಳು ನೀಡಬಹುದು. ಇದು ವಿಭಿನ್ನ ರೀತಿಯಲ್ಲಿ ಸಹ ಸಾಧಿಸಿತು. ನಮಗೆ ಕೆಳಗೆ ಅವರನ್ನು ಪರೀಕ್ಷಿಸಲು ಅವಕಾಶ.

ನಿಯತಾಂಕಗಳನ್ನು ಪಾರದರ್ಶಕತೆಯ ಅಂಶಗಳನ್ನು ಸೂಚಿಸಿ

ನಿಯತಾಂಕಗಳನ್ನು ಹಲವಾರು ಅಂಶಗಳ ಪಾರದರ್ಶಕತೆ ನಿಯಂತ್ರಿಸಲು. ಅವರು "ಸರಿಪಡಿಸಲಾಯಿತು" ವಿನ್ಯಾಸ ಅಡಿಯಲ್ಲಿ ಇದು ಬ್ರೌಸರ್, ಹಾಗೆಯೇ ನಿರ್ದಿಷ್ಟ ಗುರಿಗಳನ್ನು ಅವಲಂಬಿಸಿ ಬಳಸಲಾಗುತ್ತದೆ. ಈ ಕೆಳಗಿನ ಲಕ್ಷಣಗಳಿಗೆ ಸೇರಿವೆ:

• ಅಪಾರದರ್ಶಕತೆ;
• ಫಿಲ್ಟರ್;
• ಬ್ಯಾಕ್ಗ್ರೌಂಡಾಗಿ PNG ಸೇರಿಸಲಾಗಿದೆ-ಚಿತ್ರ.

ಹೆಚ್ಚಿನ ಸಂಖ್ಯೆ, ಅಂಶದ ಪಾರದರ್ಶಕತೆ ಕಡಿಮೆ ಮಟ್ಟದಲ್ಲಿ: ಆಸ್ತಿ ಮೌಲ್ಯವನ್ನು CSS "ಪಾರದರ್ಶಕತೆ" ಕೆಳಗಿನಂತೆ ಬದಲಾಯಿಸಲಾಗುತ್ತದೆ. 10 ರಿಂದ 100 ಮತ್ತು ನಂತರದ Interet ಎಕ್ಸ್ಪ್ಲೋರರ್ ಬ್ರೌಸರ್, ಮತ್ತು ಎಲ್ಲಾ ಇತರ ಅನ್ವಯವಾಗುವ ಅಪಾರದರ್ಶಕತೆ ಆಸ್ತಿ ಬಳಸಲಾಗುತ್ತದೆ - ಅಪಾರದರ್ಶಕತೆ, ಇದು ಫಿಲ್ಟರ್ ರಲ್ಲಿ 0 ರಿಂದ 1 ಬದಲಾಗುತ್ತದೆ.

ಪಾರದರ್ಶಕತೆ ಚಿತ್ರ (ಬದಲಾಗುತ್ತಿದೆ)

ನೀವು ಐಟಂ ಸರಿಸಲು ಮಾಡಿದಾಗ ಪಾರದರ್ಶಕ ಗೋಚರಿಸುವ ಆಯ್ಕೆಗಳನ್ನು ಆರಂಭಿಸೋಣ ಮೌಸ್ ಎಳೆದುಕೊಂಡು ಹೋಗಲಾಗುತ್ತದೆ.

ನಮಗೆ ಚಿತ್ರದ ಪಾರದರ್ಶಕತೆ ನಿರ್ದಿಷ್ಟಪಡಿಸಲು ಹೇಗೆ ಪರಿಗಣಿಸೋಣ. ಸಿಎಸ್ಎಸ್ ಎರಡು ಆಯ್ಕೆಗಳನ್ನು ಒದಗಿಸುತ್ತದೆ. ಇದನ್ನು ಮಾಡಲು, ನೀವು ನೇರವಾಗಿ ಕೋಡ್ HTML ಡಾಕ್ಯುಮೆಂಟ್ ಕೆಳಗಿನಂತೆ ನೋಂದಾಯಿಸಿಕೊಳ್ಳಲೇಬೇಕು:

1. ಚಿತ್ರ ಮಾರ್ಗವನ್ನು ಸೂಚಿಸಿ.
2. ಕರ್ಸರ್ ಇಲ್ಲದಿದ್ದಾಗ ನಾವು ಪಾರದರ್ಶಕತೆಯ ಮಾನದಂಡಗಳನ್ನು ವ್ಯಾಖ್ಯಾನಿಸಬಹುದು. ಇದನ್ನು ಮಾಡಲು, ನಾವು ಅಪಾರದರ್ಶಕತೆ, ಮತ್ತು ಫಿಲ್ಟರ್ ಮೌಲ್ಯವನ್ನು ಶಿಫಾರಸು ಇದು onmouseover ಮತ್ತು onmouseout, ಗುಣಗಳನ್ನು ಬಳಸಿ.

ಇದೇ ಗುಣಲಕ್ಷಣಗಳು ಸಿಎಸ್ಎಸ್ ಡಾಕ್ಯುಮೆಂಟ್ ಮತ್ತು ಒಂದು ಉಲ್ಲೇಖ ಸೇರಿಸಲು ಮೂಲ ಕೋಡ್ ಶಿಫಾರಸು ಮಾಡಬಹುದು. ಫಲಿತಾಂಶಗಳು ಔಟ್ ಅದೇ ಮಾಡಿ.

ಪಠ್ಯ ಮತ್ತು ಪುಟ ಬ್ಲಾಕ್ಗಳನ್ನು ಪಾರದರ್ಶಕತೆ

ಪಠ್ಯ ಅಥವಾ ಬ್ಲಾಕ್ (ಪಾರದರ್ಶಕ DIV) ಫಾರ್, CSS ತನ್ನ ಆಯ್ಕೆಯನ್ನು, ಪಾರದರ್ಶಕ ಚಿತ್ರವನ್ನು ಸೃಷ್ಟಿಸುವಲ್ಲಿ ಹೋಲುವ ನೀಡುತ್ತದೆ, ನೀವು ಸಂಪರ್ಕ ಸಿಎಸ್ಎಸ್ ಫೈಲ್, ಬಯಸಿದ ನಿಯತಾಂಕಗಳನ್ನು ಸೆಟ್ ಇದರಲ್ಲಿ ಬಳಸಲು ಹೊಂದಿರುತ್ತವೆ. ನೀವು ಹೋಗಿ ಒಂದು ಸರಳ ರೀತಿಯಲ್ಲಿ ಮಾಡಬಹುದು. ನೀವು ಶೈಲಿ ಬ್ಲಾಕ್ DIV ಶೈಲಿ ಸೆಟ್ ಅಥವಾ ಪಠ್ಯ ಪು onmouseover ಮತ್ತು ಅಂಶಗಳನ್ನು onmouseout ಕೆಳಗಿನ HTML ಕೋಡ್ ಶಿಫಾರಸು ಮಾಡಿದಾಗ. ಎರಡೂ ಆಯ್ಕೆಗಳನ್ನು ಕೆಲಸ ಮತ್ತು ಅಪೇಕ್ಷಿತ ಫಲಿತಾಂಶವನ್ನು.

ಪಾರದರ್ಶಕತೆ ನಿರಂತರ

ಕೆಲವು ಸಂದರ್ಭಗಳಲ್ಲಿ, ಒಂದು ವಸ್ತುವಿನ ಪಾರದರ್ಶಕತೆ, ನೀವು ನಿಮಗೆ ತಿಳಿದ ಸೆಟ್ ಬಯಸುವ ಒಂದು ವಿನ್ಯಾಸ ಅಂಶ ಅಥವಾ ಪಠ್ಯ. ಈ ಪರಿಸ್ಥಿತಿಯಲ್ಲಿ, ಪರಿಹಾರ ನೀವು ಮೌಸ್ ಕರ್ಸರ್ ಮೇಲಿದ್ದು ಮಾಡಿದಾಗ ಹೆಚ್ಚು ಸುಲಭವಾಗುವುದು.

ಪಾರದರ್ಶಕತೆ ಸಿಎಸ್ಎಸ್ ಅಂಶ ಕೆಳಗಿನ ಕೋಡ್ ಮೂಲಕ ನೀಡಲಾಗುವುದು. ಬ್ಲಾಕ್ DIV ಶೈಲಿಯಲ್ಲಿ ಹಿನ್ನೆಲೆ (ಉದಾಹರಣೆಗೆ, # ff8800), ಅಪಾರದರ್ಶಕತೆ (ಉದಾ, 0.5) ಮತ್ತು ಅಗಲ (ಅಗಲ) ಮತ್ತು ಪ್ಯಾಡಿಂಗ್ (ಪ್ಯಾಡಿಂಗ್) ಮೌಲ್ಯಗಳನ್ನು ಶಿಫಾರಸು.

ಚಿತ್ರಕ್ಕಾಗಿ ಕೋಡ್ ಮೌಲ್ಯಗಳು ಮಾಡುತ್ತಿದ್ದಾರೆ ಮತ್ತು ಅಪಾರದರ್ಶಕತೆ ಫಿಲ್ಟರ್, ಮತ್ತು ಚಿತ್ರ ಮಾರ್ಗವನ್ನು ಸೂಚಿಸಿ.

RGBA-ವಿಧಾನವನ್ನು

ಪಾರದರ್ಶಕತೆ ಯಾವುದೇ ವಿನ್ಯಾಸ ಅಂಶ ಬೇಸ್ ಬಣ್ಣ ಅನ್ವಯಿಸಬಹುದು: ಈ ಆಸ್ತಿ CSS ಬಳಸಿಕೊಂಡು ಇತರ ಆಯ್ಕೆಗಳನ್ನು ಇವೆ. ಇದು RGBA ವಿಧಾನವನ್ನು ಬಳಸುತ್ತದೆ. ಪಾರದರ್ಶಕತೆಯ ಮಟ್ಟದ ಸಿದ್ಧಪಡಿಸುವ ಆಲ್ಫಾ, - ಮೂರು ಅಕ್ಷರಗಳಾದ ಮೂಲ ಬಣ್ಣಗಳನ್ನು (ಕೆಂಪು, ವಿದಳನ, ನೀಲಿ), ಮತ್ತು ಕಳೆದ ನಿಲ್ಲುತ್ತದೆ. RGBA-ಮಾದರಿಯ ಕೊನೆಯ ಅಂಕೆಯು ಅದನ್ನು ಸೂಚಿಸುವ, ಪಾರದರ್ಶಕತೆ ಅನುಶಾಸನ. ಉದಾಹರಣೆಗೆ,: ಹಿನ್ನೆಲೆ: RGBa (240,2,33,0.4035).

ತೀರ್ಮಾನಕ್ಕೆ

ಹೀಗಾಗಿ, ಸೈಟ್ ವಿನ್ಯಾಸ ಸರಳ ಆದರೆ ಪರಿಣಾಮಕಾರಿ ವೈಶಿಷ್ಟ್ಯವನ್ನು CSS "ಪಾರದರ್ಶಕತೆ" ಮೇಲೆ ಕೆಲಸ ಹಾದಿಯಲ್ಲಿ ಬಳಸಿಕೊಂಡು, ನೀವು ಹೆಚ್ಚು ಆಸಕ್ತಿಕರ ಮತ್ತು ಹೆಚ್ಚು ಗಮನಾರ್ಹ ಕನಿಷ್ಠ ಪ್ರಯತ್ನ ಅಂಶಗಳನ್ನು ಮಾಡಬಹುದು. ವಿವರಿಸಲಾಗಿದೆ embodiments ಕಸ್ಟಮ್ ಪಾರದರ್ಶಕತೆ ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ಈ ನಿಮಗೆ ಸಹಾಯವಾಗುತ್ತದೆ.