ಪ್ರಸ್ತುತ ಸಿಎಸ್ಎಸ್ ಗ್ರಂಥಾಲಯಗಳು ಉನ್ನತ ಮಟ್ಟದ ವೆಬ್ ವಿನ್ಯಾಸದ ಪುರಾವೆಗಳಾಗಿವೆ ಮತ್ತು ವೆಬ್ ಅನುಭವ ಏನೆಂಬುದನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳುವ ಅದ್ಭುತ ವಿಧಾನಗಳನ್ನು ಕಾರ್ಯಗತಗೊಳಿಸುವಾಗ ಇವುಗಳು ಹೇಗೆ ವಿಷಯಗಳನ್ನು ಸುಲಭಗೊಳಿಸುತ್ತವೆ.
ಅದಕ್ಕಾಗಿಯೇ ನಾವು ಮಾಡುತ್ತೇವೆ 23 ಉತ್ತಮ ಗುಣಮಟ್ಟದ ಸಿಎಸ್ಎಸ್ ಗ್ರಂಥಾಲಯಗಳನ್ನು ಹಂಚಿಕೊಳ್ಳಿ ಈ ವಿನ್ಯಾಸ ಭಾಷೆಯ ಮೂಲಕ ಎಲ್ಲವೂ ಹೇಗೆ ಸಾಧ್ಯ ಎಂಬುದನ್ನು ಸಾಬೀತುಪಡಿಸುವ ವಿವಿಧ ಕಲಾವಿದರ. ಸಿಎಸ್ಎಸ್ ಮೂಲಕ ಏನನ್ನು ಸಾಧಿಸಬಹುದು ಎಂದು ಆಶ್ಚರ್ಯಪಡುವ ಸಂಪನ್ಮೂಲಗಳ ಆಸಕ್ತಿದಾಯಕ ಕೊಡುಗೆ.
ಮಸುಕು ಮೆನು
ಉನಾ ಅದ್ಭುತ ಆಪ್ಟಿಮೈಸ್ಡ್ ಡೆಮೊ ಇದರಲ್ಲಿ ನೀವು ಏಳು ಉದಾಹರಣೆಗಳನ್ನು ಕಾಣಬಹುದು. ಅವರು ಸಿಎಸ್ಎಸ್ 3 ಪರಿವರ್ತನೆಯನ್ನು ಬಳಸುತ್ತಾರೆ ಮತ್ತು ಉತ್ತಮ ಗುಣಮಟ್ಟದ ಮಸುಕು ಪರಿಣಾಮವನ್ನು ರಚಿಸಲು ವಿಭಿನ್ನ ಆಯ್ಕೆದಾರರ ಬಳಕೆಯಲ್ಲಿ ಉತ್ತಮ ಬುದ್ಧಿವಂತಿಕೆ ಯಾವುದು.
CSS3D ಮೋಡಗಳು
ಮಾತ್ರ ಈ ಡೆಮೊ ಮೇಲೆ ಸುಳಿದಾಡಿ, ಈ ಸಿಎಸ್ಎಸ್ ಲೈಬ್ರರಿಯೊಂದಿಗೆ ಸಾಧಿಸಿದ ಉತ್ತಮ ಪರಿಣಾಮವನ್ನು ನೀವು ಅನುಭವಿಸಲು ಸಾಧ್ಯವಾಗುತ್ತದೆ. ಎಲ್ಲಕ್ಕಿಂತ ಉತ್ತಮವಾಗಿ, ಆ ಮೋಡಗಳು ಪೂರ್ಣ ಚಲನೆಯಲ್ಲಿವೆ. ಇದು CSS3 3D ಟ್ರಾನ್ಸ್‌ಫಾರ್ಮ್‌ಗಳ ಜೊತೆಗೆ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅನ್ನು ಬಳಸುತ್ತದೆ. ಲಿಂಕ್‌ನಿಂದ ನೀವು ಪ್ರತಿಯೊಂದು ಹಂತಗಳನ್ನು ಕಂಡುಹಿಡಿಯುವ ಟ್ಯುಟೋರಿಯಲ್ ಅನ್ನು ಪ್ರವೇಶಿಸಬಹುದು.
ಶುದ್ಧ ಸಿಎಸ್ಎಸ್ನಲ್ಲಿ ಲೋಗೊಗಳು
ಈ ಗ್ರಂಥಾಲಯ ಒಳಗೊಂಡಿದೆ ಕೆಲವು ಜನಪ್ರಿಯ ಲೋಗೊಗಳು ಆಪಲ್ ಅಥವಾ ಟ್ವಿಟರ್ ನಂತಹ ಎಲ್ಲರಿಂದ. ಮೌಸ್ ಪಾಯಿಂಟರ್ ಅನ್ನು ಇರಿಸುವ ಮೂಲಕ ಪ್ರತಿಯೊಂದು ಲೋಗೊಗಳ ಗುಣಲಕ್ಷಣಗಳನ್ನು ನೀವು ತಿಳಿದುಕೊಳ್ಳಬಹುದು ಎಂಬುದು ಕುತೂಹಲಕಾರಿಯಾಗಿದೆ. ಲಿಂಕ್‌ನಿಂದ ಸಂಪೂರ್ಣ ಕೋಡ್‌ಗೆ ನೀವು ಎಲ್ಲಾ ಪ್ರವೇಶಗಳನ್ನು ಹೊಂದಿದ್ದೀರಿ.
ನ್ಯಾವಿಗೇಷನ್ ಬಾರ್ ಜಾನ್ ಕಡೇರಾ ಅವರಿಂದ
Codepen.io ನಿಂದ ನಾವು ಹೊಂದಿದ್ದೇವೆ 3D ಯಲ್ಲಿ ಈ ನ್ಯಾವಿಗೇಷನ್ ಬಾರ್‌ಗೆ ಪ್ರವೇಶ ಅದು ಅತ್ಯದ್ಭುತವಾಗಿ ಚಲಿಸುತ್ತದೆ ಮತ್ತು ಅದರಿಂದ ನಾವು ಅದರ ಕೋಡ್ ಅನ್ನು ಸಂಪೂರ್ಣವಾಗಿ ತಿಳಿದುಕೊಳ್ಳಬಹುದು. ಈ ಗ್ರಂಥಾಲಯದ ವಿಶಿಷ್ಟ ವಿಷಯವೆಂದರೆ ಅದು ಕೇವಲ 65 ಸಾಲುಗಳನ್ನು ಒಳಗೊಂಡಿದೆ. ಆಳ ಕ್ಷೇತ್ರ ಪರಿಣಾಮದಲ್ಲಿ ಹೊಸ ಸಿಎಸ್ಎಸ್ 3 ವೈಶಿಷ್ಟ್ಯಗಳು ಇರುತ್ತವೆ.
ಚಿತ್ರ ಫಲಕಗಳು ಗ್ಲೈಡಿಂಗ್
ನೀವು ಟ್ಯುಟೋರಿಯಲ್ ಗೆ ಪ್ರವೇಶವನ್ನು ಹೊಂದಿದ್ದೀರಿ ಇಲ್ಲಿಂದ. ಇದರ ದೊಡ್ಡ ಮೌಲ್ಯ ಅನಿಮೇಷನ್ಗಳು ಎಷ್ಟು ಸುಗಮವಾಗಿವೆ ಇಮೇಜ್ ಪ್ಯಾನೆಲ್‌ಗಳನ್ನು ಸ್ಲೈಡಿಂಗ್ ಮಾಡುವಾಗ. ನಿಮ್ಮ ವೆಬ್‌ಸೈಟ್‌ನಲ್ಲಿ ಅವುಗಳನ್ನು ಸಂಯೋಜಿಸಲು ಮತ್ತು ಭವ್ಯವಾದ ಫಲಿತಾಂಶವನ್ನು ಸಾಧಿಸಲು ನೀವು ನಾಲ್ಕು ಮಾರ್ಪಾಡುಗಳನ್ನು ಪ್ರವೇಶಿಸಬಹುದು.
ಡಬಲ್ ರಿಂಗ್
ನಾವು ಮೊದಲು ಸಂಪೂರ್ಣವಾಗಿ ಮರುಸೃಷ್ಟಿಸಿದ ಉಂಗುರ ಉತ್ತಮ ಉತ್ಪಾದನಾ ಅನಿಮೇಶನ್‌ನೊಂದಿಗೆ. Codepen.io ನಿಂದ ನೀವು ನೂರಾರು ಸಾಲುಗಳಿಂದ ಮಾಡಲ್ಪಟ್ಟ ಎಲ್ಲಾ ಕೋಡ್‌ಗಳಿಗೆ ಪ್ರವೇಶವನ್ನು ಹೊಂದಿದ್ದೀರಿ.
ಫ್ಲೆಕ್ಸ್ಬಾಕ್ಸ್
ಫ್ಲೆಕ್ಸ್‌ಬಾಕ್ಸ್‌ಗಳು ಒಂದು ಪುಟದಲ್ಲಿ ಕಾಲಮ್‌ಗಳನ್ನು ಪ್ರದರ್ಶಿಸುವ ಹೊಸ ಸಿಎಸ್ಎಸ್ ಮಾರ್ಗವಾಗಿದೆ. ಎ ಸಾಕಷ್ಟು ಸಮಗ್ರ ಮಾರ್ಗದರ್ಶಿ ಈ ಪಾತ್ರೆಗಳನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳಲು.
ವರ್ಣರಂಜಿತ ನ್ಯಾವಿಗೇಷನ್ ಮೆನು
ನಿಮಗೆ ಪ್ರವೇಶವಿದೆ ಈ ನ್ಯಾವಿಗೇಷನ್ ಮೆನುಗಾಗಿ ಎಲ್ಲಾ HTML ಮತ್ತು CSS ಅವರು ಬಣ್ಣಕ್ಕಾಗಿ ಬಹಳಷ್ಟು ಪ್ರೀತಿಯನ್ನು ಹೊಂದಿದ್ದಾರೆ. ಇದನ್ನು ಸಂಪೂರ್ಣವಾಗಿ ಸಿಎಸ್ಎಸ್ನಲ್ಲಿ ತಯಾರಿಸಲಾಗುತ್ತದೆ ಇದರಿಂದ ನೀವು ಈ ಭಾಷೆಯಲ್ಲಿ ಮುಳುಗಬಹುದು.
ಸಿಎಸ್ಎಸ್ 3 ನಲ್ಲಿ ಪ್ರೋಗ್ರೆಸ್ ಬಾರ್ಗಳು
ಇದು ಇಂಗ್ಲಿಷ್‌ನಲ್ಲಿದ್ದರೂ, ಹೆಚ್ಚಿನ ಪುಸ್ತಕ ಮಳಿಗೆಗಳಂತೆ, ಎಚ್ಟಿಎಮ್ಎಲ್ ಮತ್ತು ಸಿಎಸ್ಎಸ್ ಚೆನ್ನಾಗಿ ವಿವರಿಸಲಾಗಿದೆ ಉತ್ತಮ ವಿನ್ಯಾಸ ಪ್ರಗತಿ ಬಾರ್‌ಗಳನ್ನು ಹೊಂದಲು ಅಗತ್ಯವಿದೆ. ಇಳಿಜಾರುಗಳು, ರೇಖೆಗಳು ಮತ್ತು ಇತರ ರೀತಿಯ ದೃಶ್ಯ ಪರಿಣಾಮಗಳು ನಿಮಗಾಗಿ ಕಾಯುತ್ತಿವೆ.
ಅನಿಮೇಟ್ ಸಿಎಸ್ಎಸ್
ಗಿಟ್‌ಹಬ್‌ನಲ್ಲಿ ಜನಪ್ರಿಯವಾಗಿದೆ, ಅದು ಸಂಪೂರ್ಣವಾಗಿ ಸಿಎಸ್ಎಸ್ನಲ್ಲಿ ಮಾಡಲಾಗುತ್ತದೆ. ನೀವು ತಿಳಿದುಕೊಳ್ಳಲು ಬಯಸುವ ಅನಿಮೇಷನ್ ಅನ್ನು ಆರಿಸಿ, ಮತ್ತು ಅನಿಮೇಟ್ ಸಿಎಸ್ಎಸ್ನಲ್ಲಿನ ಪರಿಣಾಮವನ್ನು ನೋಡಲು ನೀವು "ಆನಿಮೇಟ್ ಇಟ್" ಬಟನ್ ಕ್ಲಿಕ್ ಮಾಡಬೇಕಾಗುತ್ತದೆ. ನೀವು ಅದನ್ನು GitHub ನಲ್ಲಿ ಡೌನ್‌ಲೋಡ್ ಮಾಡಬಹುದು ಅಥವಾ ವೀಕ್ಷಿಸಬಹುದು.
ಸ್ಪಿಂಕಿಟ್
ನಾವು ಸೂಚಕಗಳ ಸಂಗ್ರಹವನ್ನು ಎದುರಿಸುತ್ತಿದ್ದೇವೆ ಎಲ್ಲಾ ರೀತಿಯ ದೃಶ್ಯ ಅಂಶಗಳಿಗೆ ಸೇವೆ ಸಲ್ಲಿಸುತ್ತದೆ ವೆಬ್‌ನಲ್ಲಿ. "ಮೂಲ" ಕ್ಲಿಕ್ ಮಾಡಿ ಮತ್ತು ಅದರ ಕಾರ್ಯಗತಗೊಳಿಸಲು ಅಗತ್ಯವಾದ ಎಲ್ಲಾ ಕೋಡ್ ಅನ್ನು ನೀವು ಕಾಣಬಹುದು.
ಗುಂಡಿಗಳು
ಉನಾ ಸಿಎಸ್ಎಸ್ ಬಟನ್ ಲೈಬ್ರರಿ ಸ್ಪರ್ಧೆಯಿಂದ ನಿಮ್ಮನ್ನು ಪ್ರತ್ಯೇಕಿಸಲು ಅಗತ್ಯವಿರುವ ಒಂದನ್ನು ಕಂಡುಹಿಡಿಯಲು ಎಲ್ಲಾ ಮಾರ್ಗಗಳು ಮತ್ತು ಆಲೋಚನೆಗಳು. ಸೈಡ್ಬಾರ್ನಿಂದ ನೀವು ಕಂಡುಹಿಡಿಯಲು ಬಯಸದ ಆಕಾರಗಳು ಅಥವಾ ಪರಿಣಾಮಗಳನ್ನು ನಿಷ್ಕ್ರಿಯಗೊಳಿಸಬಹುದು ಮತ್ತು ನಿರ್ದಿಷ್ಟವಾಗಿ ಅದರ ಮೇಲೆ ಕೇಂದ್ರೀಕರಿಸಬಹುದು.
ಫ್ಲಿಪ್ಸ್ವಿಚ್
ನಾವು ಮೊದಲು ಕೆಲವು ಗುಂಡಿಗಳನ್ನು ನಿಷ್ಕ್ರಿಯಗೊಳಿಸಲು ನಿಮಗೆ ಅನುಮತಿಸುವ ಅಪ್ಲಿಕೇಶನ್ ನಾವು ಹುಡುಕುತ್ತಿರುವುದನ್ನು ನಿಖರವಾಗಿ ರಚಿಸಲು. ನಾವು ವಿಭಿನ್ನ ಸೆಟ್ಟಿಂಗ್‌ಗಳನ್ನು ಬಳಸುತ್ತೇವೆ ಮತ್ತು ಅಂತಿಮವಾಗಿ ನಾವು ನಮ್ಮ ವೆಬ್‌ಸೈಟ್‌ಗಾಗಿ ನಕಲಿಸುವ ಕೋಡ್ ಅನ್ನು ಪುನರುತ್ಪಾದಿಸಬಹುದು. ಅದರ ಬಹುಮುಖತೆ ಮತ್ತು ಉತ್ತಮ ಶೈಲಿಗೆ ಬಹಳ ಆಸಕ್ತಿದಾಯಕ ಸಂಪನ್ಮೂಲ.
ಸುಳಿವು
ಉನಾ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಇಲ್ಲದೆ ಸಿಎಸ್ಎಸ್ ಲೈಬ್ರರಿ ಮತ್ತು ನಿಮ್ಮ ಇಚ್ as ೆಯಂತೆ ಬಳಸಲು ನೀವು ಸಿದ್ಧರಾಗಿದ್ದೀರಿ. ಗಾತ್ರದಲ್ಲಿ ಚಿಕ್ಕದಾಗಿದೆ, ಬಳಸಲು ಸುಲಭವಾಗಿದೆ ಮತ್ತು ಇದು ಎಲ್ಲಾ ಆಧುನಿಕ ವೆಬ್ ಬ್ರೌಸರ್‌ಗಳಲ್ಲಿ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ.
color.css
ಯಾರು ಆಸಕ್ತಿದಾಯಕ ಪರ್ಯಾಯದಿಂದ ಬಣ್ಣವನ್ನು ನೋಡಿ ಮತ್ತು ಇದು ಉತ್ತಮ ದೃಶ್ಯ ಅಂಶವನ್ನು ಹೊಂದಿರುವ ವೆಬ್‌ಸೈಟ್‌ಗಳಿಗೆ ತ್ವರಿತ ಮೂಲಮಾದರಿಯನ್ನು ಅನುಮತಿಸುತ್ತದೆ.
Voxels.css
ನಿರ್ಮಾಣ ಆಟವಾದ Minecraft ನಿಮಗೆ ತಿಳಿದಿದ್ದರೆ, ಖಂಡಿತವಾಗಿಯೂ ಈ CSS ಗ್ರಂಥಾಲಯವನ್ನು ಗುರುತಿಸುವುದು ಸುಲಭ. ನಾವು ಮಧ್ಯದಲ್ಲಿ ಒತ್ತಿದಾಗ ತಿರುಗಿಸಿ ಗ್ರಿಡ್ಗಳನ್ನು ಉತ್ಪಾದಿಸಲು.
ಮುದ್ರಣಕಲೆ
ಉನಾ ಶುದ್ಧ ಸಿಎಸ್ಎಸ್ ಫಾಂಟ್ ನಿಮ್ಮ ಮುಂದಿನ ಯೋಜನೆಗೆ ಹಗುರವಾದದ್ದು ಸೂಕ್ತವಾಗಿದೆ.
ಸ್ಪಿನ್ನರ್‌ಗಳು
ಉನಾ ಅನಿಮೇಷನ್ಗಳ ದೊಡ್ಡ ಸಂಗ್ರಹ CSS ಮತ್ತು HTML ನಲ್ಲಿ ಐಕಾನ್‌ಗಳನ್ನು ಲೋಡ್ ಮಾಡುವ.
ಚಾರ್ಜ್ ಲೈನ್ ಸೂಚಕಗಳು
ಸಿಎಸ್ಎಸ್ ಜೋಡಿಯಲ್ಲಿ ಶುದ್ಧ ಪಠ್ಯಎಲ್ಲಾ ರೀತಿಯ ಸೂಚಕಗಳನ್ನು ಲೋಡ್ ಮಾಡಲು. ನಿಮ್ಮ ವೆಬ್‌ಸೈಟ್‌ಗೆ ಅಗತ್ಯವಾದ ಮತ್ತು ಸರಿಯಾದ ಸೂಚಕವನ್ನು ಕಂಡುಹಿಡಿಯಲು ಉತ್ತಮ ಮೂಲ.
ಸಿಎಸ್ಎಸ್ ಲೋಡರ್
ಇತರೆ ಐಕಾನ್‌ಗಳನ್ನು ಲೋಡ್ ಮಾಡಲು ಫಾಂಟ್ ಇದನ್ನು ಎಲ್ಲಾ ರೀತಿಯ ಅನಿಮೇಷನ್‌ಗಳಿಗೆ ಕಸ್ಟಮೈಸ್ ಮಾಡಬಹುದು.
ಇಮೇಜ್ ಹೋವರ್
ಉನಾ ಸ್ಕೇಲೆಬಲ್ ಸಿಎಸ್ಎಸ್ ಲೈಬ್ರರಿ ಮತ್ತು ಆ ವರ್ಗ «ಹೂವರ್ for ಗಾಗಿ ಚಿತ್ರಗಳ ಕಡಿಮೆ ತೂಕ.
hue.css
ಒಂದು ಮೂಲ 49 ಇಳಿಜಾರುಗಳು ಅಥವಾ ದ್ಯುತಿವಿದ್ಯುಜ್ಜನಕ ಇಳಿಜಾರುಗಳು ಎಲ್ಲಾ ರೀತಿಯ ವಿಷಯ ಮತ್ತು ಚಿತ್ರಗಳಿಗಾಗಿ.
ಮೆಟೀರಿಯಲೈಸ್ ಮಾಡಿ
Un ಮೆಟೀರಿಯಲ್ ವಿನ್ಯಾಸವನ್ನು ಆಧರಿಸಿದ ಸಿಎಸ್ಎಸ್ ಫ್ರೇಮ್ವರ್ಕ್, ಹೆಚ್ಚಿನ ಸಂಖ್ಯೆಯ ಅಪ್ಲಿಕೇಶನ್‌ಗಳಲ್ಲಿ ಮತ್ತು ತನ್ನದೇ ಆದ ಆಂಡ್ರಾಯ್ಡ್ ಆಪರೇಟಿಂಗ್ ಸಿಸ್ಟಂನಲ್ಲಿ ಗೂಗಲ್ ಬಳಸುವ ವಿನ್ಯಾಸ ತತ್ವ.
ನೇಮಕಾತಿಯನ್ನು ತಪ್ಪಿಸಬೇಡಿ ಹೆಚ್ಚು ಮುಗಿದ ಜಾಲಗಳೊಂದಿಗೆ ಕಾನ್ svg ಚಿತ್ರಗಳು.