ಯಾವುದೇ ವೆಬ್‌ಸೈಟ್‌ನಲ್ಲಿ ಕಾಣೆಯಾಗದ 40 ಸಿಎಸ್ಎಸ್ ಫಾರ್ಮ್‌ಗಳು

ಲಾಗಿನ್ ಫಾರ್ಮ್

ಯಾವುದೇ ರೀತಿಯ ವೆಬ್‌ಸೈಟ್‌ಗೆ ಸಾಮಾನ್ಯವಾಗಿ ಕಂಡುಬರುವ ಏನಾದರೂ ಇದ್ದರೆ, ಇವುಗಳು ರೂಪಗಳಾಗಿವೆ. ಸಂಪರ್ಕ ಮಾಹಿತಿಯನ್ನು ಭರ್ತಿ ಮಾಡಲು ನಾವು ಬಳಸುವ ಫಾರ್ಮ್‌ಗಳು, ಬ್ಯಾಂಕ್ ವಿವರಗಳನ್ನು ನಮೂದಿಸಿ, ಸಾಮಾಜಿಕ ನೆಟ್‌ವರ್ಕ್‌ಗೆ ಲಾಗ್ ಇನ್ ಮಾಡಿ ಅಥವಾ ಗೂಗಲ್ ಸರ್ಚ್ ಎಂಜಿನ್‌ನಲ್ಲಿ ನಾವು ಸಾಮಾನ್ಯವಾಗಿ ಪ್ರತಿದಿನ ಮಾಡುವಂತಹ ಹುಡುಕಾಟವನ್ನು ಮಾಡಿ.

ಆದ್ದರಿಂದ ಇಂದು ನಾವು ನಿಮಗೆ ತೋರಿಸಲಿದ್ದೇವೆ ಸಿಎಸ್ಎಸ್ನಲ್ಲಿ 40 ರೂಪಗಳು ಸಂಪರ್ಕ ಫಾರ್ಮ್‌ಗಳು, ಕ್ರೆಡಿಟ್ ಕಾರ್ಡ್ ಚೆಕ್‌ outs ಟ್‌ಗಳು, ಲಾಗಿನ್‌ಗಳು, ಸರಳ, ಚಂದಾದಾರಿಕೆ ಅಥವಾ ation ರ್ಜಿತಗೊಳಿಸುವಿಕೆಯಿಂದ ಹಿಡಿದು. ಥೀಮ್ ಅನ್ನು ಲೆಕ್ಕಿಸದೆ ನಿಮ್ಮ ವೆಬ್‌ಸೈಟ್‌ಗೆ ಆ ವಿಶೇಷ ಅಂಶವನ್ನು ನೀಡಲು ಉತ್ತಮ ಸೊಬಗು ಮತ್ತು ಶೈಲಿಯ ರೂಪಗಳ ಸರಣಿ.

ಸೂಚ್ಯಂಕ

ಕನಿಷ್ಠ ಸಂಪರ್ಕ ರೂಪ

ಫಾರ್ಮ್-ಕನಿಷ್ಠ

ಇದರೊಂದಿಗೆ ಸರಳ ಸಂಪರ್ಕ ರೂಪ ವಿವಿಧ ರೀತಿಯ ಪರಿಣಾಮಗಳು ತೇಲುವ ಗುರುತುಗಳು ಅಥವಾ ಸಾಲು ಅನಿಮೇಷನ್‌ಗಳಂತಹ. ಸ್ವಲ್ಪ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ನೊಂದಿಗೆ ಸೊಗಸಾದ ಸಿಎಸ್ಎಸ್ ಕೋಡ್. ನೀವು ಹುಡುಕುತ್ತಿದ್ದರೆ ಎ ಕನಿಷ್ಠ ಸಂಪರ್ಕ ರೂಪ ಇದು ನಿಮಗೆ ಸೂಕ್ತವಾಗಿದೆ.

ಸಂಬಂಧಿತ ಲೇಖನ:
ವೆಬ್ ವಿನ್ಯಾಸಕ್ಕಾಗಿ 23 ಉತ್ತಮ-ಗುಣಮಟ್ಟದ ಸಿಎಸ್ಎಸ್ ಗ್ರಂಥಾಲಯಗಳು

ಕನಿಷ್ಠ ರೂಪ

ಕನಿಷ್ಠೀಯತಾವಾದಿ

ಇತರೆ ಕನಿಷ್ಠ ರೂಪ, ಸಿಎಸ್ಎಸ್ನಲ್ಲಿ ಮಾತ್ರ ಎ ಸರಳ ಮತ್ತು ಹೆಚ್ಚಿನ ಪರಿಣಾಮದ ರೂಪ. ಇದು ಹಿಂದಿನದರ ಕನಿಷ್ಠ ಅನಿಮೇಷನ್‌ಗಳನ್ನು ಹೊಂದಿಲ್ಲ, ಆದರೆ ಅದು ತನ್ನ ಉದ್ದೇಶವನ್ನು ಚೆನ್ನಾಗಿ ಪೂರೈಸುತ್ತದೆ.

ವಿಂಟೇಜ್ ಸಂಪರ್ಕ ರೂಪ

ವಿಂಟೇಜ್

ವಿಂಟೇಜ್ ಸಂಪರ್ಕ ರೂಪ, ಬಹಳ ಸೊಗಸಾದ ವಿನ್ಯಾಸ. ಆ ವೆಬ್‌ಸೈಟ್‌ಗಳಿಗೆ ಸ್ಪಂದಿಸುತ್ತದೆ ಮೊಬೈಲ್‌ನಿಂದ ನೋಡಲಾಗುವುದು, ಇದು ation ರ್ಜಿತಗೊಳಿಸುವಿಕೆಯನ್ನು ಒಳಗೊಂಡಿಲ್ಲವಾದರೂ.

ಪತ್ರ ಸಂಪರ್ಕ ರೂಪ

ಪತ್ರ

ಸಂಪರ್ಕ ರೂಪ ಇದು ಕುತೂಹಲಕಾರಿ ಅನಿಮೇಷನ್ ಹೊಂದಿದೆ: ಒಂದು ಪತ್ರವು ರೂಪುಗೊಳ್ಳುತ್ತದೆ. ಸರಳ, ಆದರೆ ಬಹಳಷ್ಟು ಬಣ್ಣದೊಂದಿಗೆ ತುಂಬಾ ಉಪಯುಕ್ತವಾಗಿದೆ.

ಸಂಬಂಧಿತ ಲೇಖನ:
ಬ್ಲಾಗ್‌ಗಳು, ಇ-ಕಾಮರ್ಸ್ ಮತ್ತು ಹೆಚ್ಚಿನವುಗಳಿಗಾಗಿ 27 ಉಚಿತ HTML ಮತ್ತು CSS ಕಾರ್ಡ್‌ಗಳು

ಸಂಪರ್ಕ ಫಾರ್ಮ್ ಅನ್ನು ವಿಸ್ತರಿಸಲಾಗಿದೆ

ವಿಸ್ತಾರವಾದ ಸಂಪರ್ಕ ರೂಪ

ಸಂಪರ್ಕ ರೂಪವನ್ನು ವಿಸ್ತರಿಸಲಾಗಿದೆ ಇದು ಕೇವಲ ಫ್ರಂಟ್ ಎಂಡ್ ಮತ್ತು ಹೊಂದಿದೆ jQuery ನೊಂದಿಗೆ ಮೌಲ್ಯಮಾಪನ. ನಾವು ತೇಲುವ ಗುಂಡಿಯನ್ನು ಕ್ಲಿಕ್ ಮಾಡುತ್ತೇವೆ ಮತ್ತು ರೂಪವು ರೋಮಾಂಚಕ ಅನಿಮೇಶನ್‌ನೊಂದಿಗೆ ಕಾಣಿಸುತ್ತದೆ. ಅತ್ಯುತ್ತಮ.

ಫಾರ್ಮ್ UI ಅನ್ನು ಸಂಪರ್ಕಿಸಿ

ಸಂಪರ್ಕ ಫಾರ್ಮ್

ಫಾರ್ಮ್ UI ಅನ್ನು ಸಂಪರ್ಕಿಸಿ ಇದು HTML ಮತ್ತು CSS ನಲ್ಲಿ ಮಾಡಿದ ಒಂದು ರೂಪವಾಗಿದೆ. ಅದು ಅಸ್ತಿತ್ವದಲ್ಲಿದೆ ಸರಳ ಸಂಪರ್ಕ ಕಾರ್ಡ್ ನಾವು ಭರ್ತಿ ಮಾಡಬಹುದಾದರೆ ಅದು ಕ್ಲಿಕ್ ಮಾಡಿದಾಗ ಪಠ್ಯ ಕ್ಷೇತ್ರ ಮಾತ್ರ ಬದಲಾಗುತ್ತದೆ.

ಪಾವತಿ ಕಾರ್ಡ್ ಚೆಕ್ out ಟ್

ಚೆಕ್ out ಟ್ ಪಾವತಿ ಕಾರ್ಡ್

Un ಪಾವತಿ ಕಾರ್ಡ್ ಚೆಕ್ out ಟ್ ಎಚ್ಟಿಎಮ್ಎಲ್, ಸಿಎಸ್ಎಸ್ ಮತ್ತು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ನಲ್ಲಿ ತಯಾರಿಸಲಾಗುತ್ತದೆ ತಿರುಗುವ ಅನಿಮೇಷನ್ ಮೂಲಕ ಗುರುತಿಸಲಾಗಿದೆ ನಾವು ಸಿವಿಸಿ ಅಥವಾ ಭದ್ರತಾ ಸಂಖ್ಯೆ ಕ್ಷೇತ್ರದಲ್ಲಿ ಒತ್ತಿದ ಕ್ರೆಡಿಟ್ ಕಾರ್ಡ್.

ಕ್ರೆಡಿಟ್ ಕಾರ್ಡ್ ಫ್ಲಾಟ್ ವಿನ್ಯಾಸ

ಶುದ್ಧ ಸಿಎಸ್ಎಸ್ ಕ್ರೆಡಿಟ್ ಕಾರ್ಡ್

ಎಗಾಗಿ ಶುದ್ಧ ಸಿಎಸ್ಎಸ್ ಚೆಕ್ out ಟ್ ಫ್ಲಾಟ್ ಬಣ್ಣಗಳಲ್ಲಿ ಕ್ರೆಡಿಟ್ ಕಾರ್ಡ್‌ಗಳು. ವರ್ಣರಂಜಿತ ಮತ್ತು ತುಂಬಾ ಸರಳವಾದ ಅದು ಗುಣಮಟ್ಟ ಮತ್ತು ವೃತ್ತಿಪರತೆಯನ್ನು ಸೂಚಿಸುವ ಸಾಮರ್ಥ್ಯ ಹೊಂದಿದೆ.

ಕ್ರೆಡಿಟ್ ಕಾರ್ಡ್ ಯುಐ

ಸ್ನ್ಯಾಕಬಲ್ಸ್

ಎಚ್ಟಿಎಮ್ಎಲ್, ಸಿಎಸ್ಎಸ್ ಮತ್ತು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ನಲ್ಲಿನ ಮತ್ತೊಂದು ಕ್ರೆಡಿಟ್ ಕಾರ್ಡ್ ಅದು ಎಷ್ಟು ಒಳ್ಳೆಯದು ಎಂಬುದನ್ನು ತೋರಿಸುತ್ತದೆ ಒಟ್ಟಾರೆ ವಿನ್ಯಾಸವನ್ನು ಆಯ್ಕೆ ಮಾಡಿದೆ. ನಿಮ್ಮ ವೆಬ್‌ಸೈಟ್‌ಗಾಗಿ ಈ ಕೋಡ್‌ನ ಅನಿಮೇಷನ್‌ಗಳ ಬಗ್ಗೆ ನಾವು ಮರೆತಿದ್ದೇವೆ. ಇದನ್ನು ಈ ಲಿಂಕ್‌ನಲ್ಲಿ ಡೌನ್‌ಲೋಡ್ ಮಾಡಿ.

ಚೆಕ್ out ಟ್ ಅನ್ನು ಪ್ರತಿಕ್ರಿಯಿಸಿ

ಪ್ರತಿಕ್ರಿಯಿಸು

ಚೆಕ್ out ಟ್ ಅನ್ನು ಪ್ರತಿಕ್ರಿಯಿಸಿ, React.js ನೊಂದಿಗೆ ತಯಾರಿಸಲಾಗುತ್ತದೆ, ಇದನ್ನು ಪ್ರತ್ಯೇಕಿಸುತ್ತದೆ ನಾವು ಗ್ರಾಹಕೀಯಗೊಳಿಸಬಹುದಾದ ಅಡ್ಡ ಚಿತ್ರ ನಮ್ಮ ಐಕಾಮರ್ಸ್‌ನಲ್ಲಿ ನಾವು ಮಾರಾಟ ಮಾಡುವ ಸೇವೆಗಳು ಅಥವಾ ಉತ್ಪನ್ನಗಳೊಂದಿಗೆ.

ಚೆಕ್ out ಟ್ ಪಾವತಿ ಕಾರ್ಡ್

ಪೊಪೊವ್

ಈ ಚೆಕ್ out ಟ್ ಕಾರ್ಡ್ನಲ್ಲಿ ಚಿತ್ರವನ್ನು ಹಾಕುವ ಸಾಧ್ಯತೆಯನ್ನು ಹೊಂದಿದೆ. ಎ CSS3, HTML5 ನೊಂದಿಗೆ ಮಾಡಿದ ಸರಳ ಮತ್ತು ಸ್ಪಷ್ಟ ರೂಪ ಮತ್ತು ಸ್ವಲ್ಪ jQuery. ಉತ್ತಮ ಗುಣಮಟ್ಟದ ಮತ್ತು ಈ ಪಟ್ಟಿಯಲ್ಲಿ ಉಳಿದ ಚೆಕ್‌ outs ಟ್‌ಗಳಿಗಿಂತ ಭಿನ್ನವಾಗಿದೆ. ನೀವು ಡೌನ್‌ಲೋಡ್ ಮಾಡಬಹುದು ಇಲ್ಲಿ ಈ ಪಾವತಿ ಕಾರ್ಡ್ ಚೆಕ್ out ಟ್.

ಕ್ರೆಡಿಟ್ ಕಾರ್ಡ್ ಪಾವತಿ

ಪಟ್ಟಿ

ಕ್ರೆಡಿಟ್ ಕಾರ್ಡ್ ಪಾವತಿ ರೂಪ ಅಭ್ಯಾಸ ಮಾಡಲು ಪ್ರೋಗ್ರಾಮ್ ಮಾಡಲಾಗಿದೆ DOM ಕುಶಲತೆಗಾಗಿ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್. ಪೇಪಾಲ್‌ಗೆ ಹತ್ತಿರವಾಗುತ್ತಿರುವ ಡಿಜಿಟಲ್ ಬ್ಯಾಂಕಿಂಗ್ ಸೇವೆಯಾದ ಸ್ಟ್ರೈಪ್‌ನ ಸೊಗಸಾದ ಕೋಡ್ ಅನ್ನು ನೀವು ವಿನ್ಯಾಸದಲ್ಲಿ ನೆನಪಿಸಿಕೊಳ್ಳಬಹುದು.

ಕ್ರೆಡಿಟ್ ಕಾರ್ಡ್

ಡೈಲಿ

ಒಂದು ಸೊಗಸಾದ ಕಾರ್ಡ್ ಪಾವತಿಗಾಗಿ ಚೆಕ್ out ಟ್ ಇತರರಿಗಿಂತ ಭಿನ್ನವಾಗಿದೆ ಮತ್ತು ಆಧರಿಸಿದೆ ಕ್ರೆಡಿಟ್ ಕಾರ್ಡ್ ಮೇಲ್ಭಾಗದಲ್ಲಿದೆ ಆದ್ದರಿಂದ ಐಕಾಮರ್ಸ್‌ನಲ್ಲಿ ಪಾವತಿ ಮಾಡಲು ಕ್ಲೈಂಟ್ ಭರ್ತಿ ಮಾಡಬೇಕಾದ ವಿಭಿನ್ನ ಡೇಟಾದೊಂದಿಗೆ ನಾವು ಸಂಪೂರ್ಣ ಫಾರ್ಮ್ ಅನ್ನು ಹೊಂದಿದ್ದೇವೆ.

ಹಂತ ಹಂತವಾಗಿ

ಹಂತ ಹಂತವಾಗಿ

Un ಹಂತ ಹಂತವಾಗಿ HTML, CSS ಮತ್ತು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್‌ನಲ್ಲಿ ನೋಂದಣಿಗಾಗಿ. ಪ್ರತಿ ಬಿಂದುಗಳಿಗೆ ನಾಲ್ಕು ಹಂತಗಳು ಎಡಭಾಗದಲ್ಲಿದೆ. ಹೆಚ್ಚು ಮುಗಿದ ಫಾರ್ಮ್‌ಗಾಗಿ ಉತ್ತಮವಾಗಿ ಮುಗಿದ ಅನಿಮೇಷನ್‌ಗಳು. ಹೆಚ್ಚು ಶಿಫಾರಸು ಮಾಡಲಾಗಿದೆ

ಸಂವಾದಾತ್ಮಕ ರೂಪ

ಸಂವಾದಾತ್ಮಕ

Un ಸಂವಾದಾತ್ಮಕ ರೂಪ ಎಚ್ಟಿಎಮ್ಎಲ್, ಸಿಎಸ್ಎಸ್ ಮತ್ತು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ನೊಂದಿಗೆ ಮಲ್ಟಿ-ಪಾಸ್ ಮಾಡಲಾಗಿದೆ. ಇದು ಪ್ರತಿಯೊಂದು ಹಂತಗಳ ನಡುವಿನ ಪರಿವರ್ತನೆ ಅನಿಮೇಷನ್‌ಗಾಗಿ ಎದ್ದು ಕಾಣುತ್ತದೆ. ಇದು ಸೊಗಸಾದ ಸ್ಪರ್ಶವನ್ನು ಹೊಂದಿದ್ದು ಅದು ಗಮನಕ್ಕೆ ಬರುವುದಿಲ್ಲ.

ಹಂತ ಹಂತವಾಗಿ

ಹಂತ ಹಂತವಾಗಿ

ಹಂತ ಹಂತವಾಗಿ ಸಾಕಷ್ಟು ಸೃಜನಶೀಲವಾಗಿದೆ. ನೀವು ಪ್ರಶ್ನೆಗಳಿಗೆ ಉತ್ತರಿಸುತ್ತೀರಿ ಆದ್ದರಿಂದ ನೀವು ಎಲ್ಲಾ ಸಮಯದಲ್ಲೂ ಪರದೆಯ ಮೇಲೆ ದೃಷ್ಟಿಗೋಚರವಾಗಿರುವ ಮೂಲಕ ಯಾವುದೇ ಸಮಯದಲ್ಲಿ ಅವರ ಬಳಿಗೆ ಹಿಂತಿರುಗಬಹುದು.

ಹಂತ ಹಂತವಾಗಿ

ಪಾಸೊ

ಹಂತ ಹಂತವಾಗಿ ಮಾಡಲಾಗುತ್ತದೆ HTML, CSS ಮತ್ತು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್‌ನಲ್ಲಿ. ಇದು ಪ್ರತಿಯೊಂದು ಹಂತಗಳ ನಡುವಿನ ಪರಿವರ್ತನೆಯ ಅನಿಮೇಶನ್‌ನಿಂದ ನಿರೂಪಿಸಲ್ಪಟ್ಟಿದೆ.

ಬಹು ಹಂತದ jquery ರೂಪ

JQuery ಬಹು ಹಂತ

ನೀವು ಹೊಂದಿದ್ದರೆ ಎ ಬಹಳ ಉದ್ದವಾದ ರೂಪ, ಇದು ಗಮನಾರ್ಹವಾದ ಪ್ರಗತಿ ಪಟ್ಟಿಯೊಂದಿಗೆ ವಿವಿಧ ವಿಭಾಗಗಳಿಗೆ ಸೂಕ್ತವಾಗಿದೆ. JQuery ಮತ್ತು CSS ಅನ್ನು ಆಧರಿಸಿ, ಇದು ಅದರ ವಿನ್ಯಾಸ ಮತ್ತು ಅದರ ಉತ್ತಮ ಸೊಬಗುಗಾಗಿ ಎದ್ದು ಕಾಣುತ್ತದೆ.

ಯುಐ ಅನಿಮೇಷನ್ ರೂಪ

ಅನಿಮೇಷನ್ ರೂಪ

ಇದರ ಪರಿವರ್ತನೆಗಳು ಯುಐ ಅನಿಮೇಷನ್ ರೂಪ ಅವರು ಡೊಮಿಂಕ್ ಮಾರ್ಸ್ಕುಸಿಕ್ ಅನ್ನು ಆಧರಿಸಿದೆ. ನಾವು ಎರಡು ಲಾಗಿನ್ ಕ್ಷೇತ್ರಗಳಲ್ಲಿ ಕ್ಲಿಕ್ ಮಾಡಿದಾಗ ನೀಲಿ ಪೆಟ್ಟಿಗೆಯ ಸೃಜನಶೀಲ ಪರಿಣಾಮದ ಬಗ್ಗೆ ಗಮನ.

ಖಾತೆ ರಚನೆ / ಲಾಗಿನ್ ಫಾರ್ಮ್

ಲಾಗಿನ್ ರಚನೆ

ಒಂದು ಗಿಮಿಕ್ ಲಾಗಿನ್ ಮತ್ತು ಖಾತೆ ರಚನೆ ಇದು ಅನಿಮೇಷನ್ ಅನ್ನು ಆಧರಿಸಿದೆ ಆ ಎರಡು ವಿಭಾಗಗಳ ನಡುವೆ ಏನಾಗುತ್ತದೆ. ಎಚ್ಟಿಎಮ್ಎಲ್, ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಮತ್ತು ಸಿಎಸ್ಎಸ್ನಲ್ಲಿ ಮಾಡಬೇಕಾದ ಪ್ರಸ್ತುತ ಮತ್ತು ಗಮನಾರ್ಹ ಉಪಸ್ಥಿತಿ.

ಹಾವಿನ ಹೈಲೈಟ್

ಹಾವು

ಹಾವಿನ ಹೈಲೈಟ್ ಅದು ಯಾವುದೇ ಪಟ್ಟಿಯ ಅತ್ಯಂತ ಗಮನಾರ್ಹವಾದ ಲಾಗಿನ್ ಆಗಿದೆ ಸೊಗಸಾದ ಅನಿಮೇಷನ್ಗಾಗಿ ಎದ್ದು ಕಾಣುತ್ತದೆ ನಾವು ಎರಡು ಕ್ಷೇತ್ರಗಳಲ್ಲಿ ಒಂದನ್ನು ಕ್ಲಿಕ್ ಮಾಡಿದ ಕ್ಷಣ ಅದು ತ್ವರಿತವಾಗಿ ಗೋಚರಿಸುತ್ತದೆ.

ಲಾಗಿನ್ ಪರದೆ

ಲಾಗಿನ್ ಮಾಡಿ

ಈ ವಿನ್ಯಾಸವನ್ನು ದೈವಿಕಗೊಳಿಸಿ ಲಾಗಿನ್ ಪರದೆ ಅವರೂ ಹಾಗೆಯೇ ಅನಿಮೇಷನ್ ಮತ್ತು ಅದು ಎಷ್ಟು ಸೃಜನಶೀಲವಾಗಿದೆ. ವೆಬ್ ವಿನ್ಯಾಸಕ್ಕೆ ಬಂದಾಗ ನೀವು ಹೆಚ್ಚು ಪ್ರಸ್ತುತವಾಗಲು ಬಯಸಿದರೆ, ಈ ಫಾರ್ಮ್ ಕಾಣೆಯಾಗುವುದಿಲ್ಲ. ಅನಿವಾರ್ಯ.

ಲಾಗಿನ್ ಯುಐ ವಿನ್ಯಾಸ

ಲಾಗಿನ್ ಫಾರ್ಮ್

HTML, ಸಾಸ್ ಮತ್ತು jQuery ಬಳಸಿ ವಿನ್ಯಾಸಗೊಳಿಸಲಾಗಿದೆ. ಲಾಗಿನ್ ಯುಐ ವಿನ್ಯಾಸ es eಕಾನೂನುಬದ್ಧ ಮತ್ತು ಸ್ಪಷ್ಟ ಸೂಕ್ಷ್ಮ ಅನಿಮೇಷನ್‌ಗಳ ಕೊರತೆಯಿಲ್ಲದ ವಿಷಯದ ಕುರಿತು ಪಟ್ಟಿಯಲ್ಲಿರುವ ಮತ್ತೊಂದು ಮೆಚ್ಚಿನವುಗಳಾಗುತ್ತವೆ.

ಲಾಗಿನ್ ಮತ್ತು ಯುಐ ಖಾತೆ ರಚನೆ

ಲಾಗಿನ್ ನೋಂದಣಿ

ವಿಶೇಷ ಲಾಗಿನ್ ವಿನ್ಯಾಸ ಮತ್ತು ಖಾತೆ ರಚನೆ UI  ಬಣ್ಣಗಳಿಗಾಗಿ ಮತ್ತು ಪ್ರಸ್ತುತಪಡಿಸಲು ಒಂದು ದೊಡ್ಡ ಕಾರ್ಡ್ ಎರಡು ವಿಭಾಗಗಳು. ನಾವು ತಪ್ಪಿಸಿಕೊಳ್ಳಲಾಗದ ಮರಣದಂಡನೆಯಲ್ಲಿ ಅತ್ಯಂತ ಸುಂದರವಾದ ಮತ್ತೊಂದು. HTML, CSS ಮತ್ತು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್‌ನಲ್ಲಿ ತಯಾರಿಸಲಾಗುತ್ತದೆ.

ಅಸಹ್ಯ ದೋಷಗಳು

ಅಸಹ್ಯ

ಅಸಹ್ಯ ದೋಷಗಳು ನ ಅನಿಮೇಷನ್ ಕಾರಣ ಇದು ಉತ್ತಮ ಲಾಗಿನ್ ಆಗಿದೆ obnoxious.css ಹೊಂದಿರುವ ಕ್ಷೇತ್ರಗಳು. ಮೂಲವು ಮೋಜಿನ, ನಿರಾತಂಕದ ಮತ್ತು ವಿಭಿನ್ನ ಲಾಗಿನ್ ಆಗಿರುತ್ತದೆ. ನಮ್ಮ ವೆಬ್‌ಸೈಟ್‌ಗೆ ಯಾವುದೇ ಸಂದೇಹವಿಲ್ಲದೆ ಮೂಲ.

CSS HTML ಗೆ ಲಾಗಿನ್ ಮಾಡಿ

ಸಿಎಸ್ಎಸ್

ಕುತೂಹಲಕಾರಿ ಲಾಗಿನ್ ವಿಭಿನ್ನ ಐಕಾನ್‌ಗಳಿಂದ ಅದು ನಮಗೆ ಬೇಕಾದಲ್ಲೆಲ್ಲಾ ಸಂದರ್ಶಕರನ್ನು ಕರೆದೊಯ್ಯಲು ಪ್ರತಿಯೊಂದು ಕ್ಷೇತ್ರಗಳನ್ನು ತೋರಿಸುತ್ತದೆ. ಬಣ್ಣಗಳಲ್ಲಿ ಆಯ್ಕೆ ಮಾಡಿದ des ಾಯೆಗಳು ಸಹ ಎದ್ದು ಕಾಣುತ್ತವೆ. ಇದು ಯಾವುದೇ ಅನಿಮೇಷನ್ ಹೊಂದಿಲ್ಲ. ಕ್ಲೈಂಟ್ ಅಥವಾ ನಮ್ಮದೇ ಆದ ವೆಬ್‌ಸೈಟ್‌ನಲ್ಲಿ ಇದನ್ನು ಕಾರ್ಯಗತಗೊಳಿಸಲು ಇದನ್ನು HTML ಮತ್ತು CSS ನಲ್ಲಿ ತಯಾರಿಸಲಾಗುತ್ತದೆ.

ಮೋಡಲ್ ಲಾಗಿನ್ ರೂಪ

ಕ್ಯಾಪಿಟಲ್

ಮೋಡಲ್ ಲಾಗಿನ್ ರೂಪ ನ ಭಾಷೆಯಿಂದ ಪ್ರೇರಿತವಾಗಿದೆ ವಿನ್ಯಾಸವು ಮೆಟೀರಿಯಲ್ ವಿನ್ಯಾಸಕ್ಕೆ ಹೆಸರುವಾಸಿಯಾಗಿದೆ. ನಾವು ಅದನ್ನು ಮೊಬೈಲ್ ಸಾಧನಗಳಲ್ಲಿ ಅನೇಕ ಅಪ್ಲಿಕೇಶನ್‌ಗಳಲ್ಲಿ ನೋಡಿದ್ದೇವೆ. ಈ ಕೋಡ್‌ನಲ್ಲಿ ನಾವು ಲಾಗಿನ್ ಪ್ಯಾನಲ್ ಮತ್ತು ನೋಂದಣಿ ಫಲಕವನ್ನು ಪೂರ್ವನಿಯೋಜಿತವಾಗಿ ಮರೆಮಾಡಿದ್ದೇವೆ. ಬಲಭಾಗದಲ್ಲಿರುವ ನೀಲಿ ಕಾಲಮ್ ಅನ್ನು ಕ್ಲಿಕ್ ಮಾಡುವುದರ ಮೂಲಕ ನೋಂದಣಿ ಫಲಕವನ್ನು ಸಕ್ರಿಯಗೊಳಿಸಬಹುದು. ಇದು ಬಹಳ ವಿಶೇಷವಾದ ಮತ್ತು ಗಮನಾರ್ಹವಾದ ಲಾಗಿನ್ ಆಗಲು ಉತ್ತಮ ಅನಿಮೇಷನ್ ಹೊಂದಿದೆ.

ಫ್ಲೆಕ್ಸ್‌ಬಾಕ್ಸ್ ಅನ್ನು ರೂಪಿಸಿ

ಫ್ಲೆಕ್ಸ್ಬಾಕ್ಸ್

ಇದರೊಂದಿಗೆ ನಾವು ಹುಡುಕಾಟ ಫಾರ್ಮ್‌ಗಳನ್ನು ಪ್ರಾರಂಭಿಸುತ್ತೇವೆ ರೂಪ ಫ್ಲೆಕ್ಸ್‌ಬಾಕ್ಸ್ ಆಧರಿಸಿದೆ. ಇದು «ಹುಡುಕಾಟ of ನ ಕೆಂಪು ಬಣ್ಣಕ್ಕೆ ಮತ್ತು ನಿಮ್ಮ ವೆಬ್‌ಸೈಟ್‌ಗಾಗಿ ಸೊಗಸಾದ ಹುಡುಕಾಟ ಕ್ಷೇತ್ರಕ್ಕಾಗಿ ಸ್ವಲ್ಪ ಹೆಚ್ಚು ನಿಂತಿದೆ.

ಅನಿಮೇಟೆಡ್ ಬಾಕ್ಸ್

ಅನಿಮೇಟೆಡ್ ಬಾಕ್ಸ್

ಇದರೊಂದಿಗೆ ಅನಿಮೇಟೆಡ್ ಬಾಕ್ಸ್ ಭೂತಗನ್ನಡಿಯ ಐಕಾನ್ ಕ್ಲಿಕ್ ಮಾಡಿ ಮತ್ತು ಗಾ blue ನೀಲಿ ಅನಿಮೇಷನ್ ಕಾಣಿಸುತ್ತದೆ ಆದ್ದರಿಂದ ನಾವು ವೆಬ್‌ಸೈಟ್‌ನಲ್ಲಿ ಕೈಗೊಳ್ಳಲಿರುವ ಹುಡುಕಾಟವನ್ನು ಮಾತ್ರ ಟೈಪ್ ಮಾಡಬೇಕು. ಎಚ್ಟಿಎಮ್ಎಲ್, ಸಿಎಸ್ಎಸ್ ಮತ್ತು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ನೊಂದಿಗೆ ತಯಾರಿಸಲಾಗುತ್ತದೆ.

ಹುಡುಕಾಟ ಕ್ಷೇತ್ರ

ಹುಡುಕಾಟವನ್ನು ಒತ್ತಿರಿ

ಉನಾ ದೊಡ್ಡ ಸಾಲು ಪರದೆಯಾದ್ಯಂತ ಚಲಿಸುತ್ತದೆ ಆದ್ದರಿಂದ ನಾವು ಅದನ್ನು ಒತ್ತಿದಾಗ ನಾವು ಹುಡುಕಾಟವನ್ನು ಟೈಪ್ ಮಾಡಲು ಪ್ರಾರಂಭಿಸುತ್ತೇವೆ. ಇದನ್ನು ವ್ಯಾಖ್ಯಾನಿಸಲು ಪಿಕಪ್ ಬಟನ್ ಸರಳ ಹುಡುಕಾಟ ರೂಪ.

ಸರಳ ಹುಡುಕಾಟ ಕ್ಷೇತ್ರ ಕ್ಲಿಕ್ ಮಾಡಿ

Waze

ಸರಳ ಹುಡುಕಾಟ ಕ್ಷೇತ್ರ ಕ್ಲಿಕ್ ಮಾಡಿ ರಲ್ಲಿ ಕಂಡುಬರುವ ಪರಸ್ಪರ ಕ್ರಿಯೆಯನ್ನು ಆಧರಿಸಿದೆ ವೇಜ್ ಡ್ರೈವರ್ ಸಮುದಾಯ ಅಪ್ಲಿಕೇಶನ್ ವಾಹನ. ಎಲ್ಲಾ ಐಕಾನ್‌ಗಳು ಮತ್ತು ಚಿತ್ರಗಳನ್ನು ಸಿಎಸ್‌ಎಸ್‌ನೊಂದಿಗೆ ಮಾಡಲಾಗಿದೆ. ಉತ್ಪನ್ನ ಅಥವಾ ಸೇವೆಗಾಗಿ ನಿರ್ದಿಷ್ಟ ಹುಡುಕಾಟಗಳನ್ನು ನಡೆಸಲು ನಮಗೆ ಅನುಮತಿಸುವ ಆ ಐಕಾನ್‌ಗಳಿಗೆ ಇದು ಎದ್ದು ಕಾಣುತ್ತದೆ. ಅದು ಎಷ್ಟು ತಂಪಾಗಿರುವುದರಿಂದ ಹೊಡೆಯುವುದು.

ಸಿಎಸ್ಎಸ್ ಪಠ್ಯ ಇನ್ಪುಟ್ ಪರಿಣಾಮ

ಸಿಎಸ್ಎಸ್ ಇನ್ಪುಟ್

ಸಿಎಸ್ಎಸ್ ಪಠ್ಯ ಇನ್ಪುಟ್ ಪರಿಣಾಮ ಸರಣಿಯನ್ನು ಒಳಗೊಂಡಿದೆ ಪಠ್ಯ ಮತ್ತು ಹುಡುಕಾಟ ಡ್ರಾಯರ್‌ನಲ್ಲಿನ ಅನಿಮೇಷನ್‌ಗಳು ರೂಪದಲ್ಲಿ ಎಚ್ಚರಿಕೆಯಿಂದ ಹುಡುಕುವುದು.

ಪೂರ್ಣ ಪರದೆ ಹುಡುಕಾಟ

ಪೂರ್ಣ ಪರದೆ ಹುಡುಕಾಟ

ಈ ನಮೂದು ಪೂರ್ಣ ಪರದೆ ಹುಡುಕಾಟ ಇದು ಯಾವುದೇ ರೀತಿಯ ವಿನ್ಯಾಸ ಅಥವಾ ಸ್ಥಾನದೊಂದಿಗೆ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ. ಶೈಲಿಗಳು ಅಗತ್ಯವಿದೆ ಧಾರಕ-ನಿರ್ದಿಷ್ಟ ಮತ್ತು ಹುಡುಕಾಟ-ಒವರ್ಲೆ ಅಂಶ ಮೂಲದಲ್ಲಿದೆ. ನಾವು ಹುಡುಕಾಟ ಗುಂಡಿಯನ್ನು ಒತ್ತಿದ ಕ್ಷಣ ಇದು ಪುಟಿಯುವ ಅನಿಮೇಶನ್‌ನಿಂದ ನಿರೂಪಿಸಲ್ಪಟ್ಟಿದೆ.

ಹುಡುಕಿ

ಹುಡುಕಿ

Un ಹುಡುಕಾಟ ರೂಪ ಅದು ಸರಳವಾಗಿದೆ ಅವರು ವಿಭಿನ್ನ ಸ್ಥಾನಗಳೊಂದಿಗೆ ಆಡಲು ಇಷ್ಟಪಡುತ್ತಾರೆ ಮತ್ತು ಅನಿಮೇಷನ್. ನಾವು ಹುಡುಕಾಟ ಗುಂಡಿಯನ್ನು ಕ್ಲಿಕ್ ಮಾಡುತ್ತೇವೆ ಮತ್ತು ಪದಗಳನ್ನು ಟೈಪ್ ಮಾಡಲು ಸಂಪೂರ್ಣ ಡ್ರಾಯರ್ ಕಾಣಿಸಿಕೊಳ್ಳುತ್ತದೆ. ಇದು ಎಷ್ಟು ಸರಳವಾಗಿದೆ ಎಂಬುದಕ್ಕೆ ಪ್ರಸ್ತುತ ಮತ್ತು ಹೆಚ್ಚು ಶಿಫಾರಸು ಮಾಡಲಾಗಿದೆ.

ಪ್ರಶ್ನೆಗಳಿಲ್ಲ

ಪ್ರಶ್ನೆಗಳಿಲ್ಲ

ಯಾವುದೇ ಪ್ರಶ್ನೆ ಇಲ್ಲ es ಪಠ್ಯ ಕ್ಷೇತ್ರದೊಂದಿಗೆ ಸರಳ ರೂಪ ಮತ್ತು ಬಳಕೆದಾರರು ಅವುಗಳನ್ನು ಆಯ್ಕೆ ಮಾಡಲು ಕೆಲವು ಉತ್ತರಗಳನ್ನು ಆಯ್ಕೆ ಮಾಡುವ ಆಯ್ಕೆ. ದೃಷ್ಟಿಗೋಚರವಾಗಿ ಅತ್ಯುತ್ತಮವಾದುದು.

ಪಾಪ್ಅಪ್ ಚಂದಾದಾರಿಕೆ ರೂಪ

ಚಂದಾದಾರರಾಗಿ

ಇದರೊಂದಿಗೆ ಪಾಪ್ಅಪ್ ಚಂದಾದಾರಿಕೆ ರೂಪ, ನಾವು ತೇಲುವ ಗುಂಡಿಯನ್ನು ಕ್ಲಿಕ್ ಮಾಡುತ್ತೇವೆ ಮತ್ತು ಅದು ನಮ್ಮನ್ನು ಕರೆದೊಯ್ಯುತ್ತದೆ ತುಂಬಾ ತಮಾಷೆಯ ಸ್ವರದೊಂದಿಗೆ ರೂಪಿಸಿ ಮತ್ತು ಇಮೇಲ್ ನಮೂದಿಸಬೇಕಾದ ಕ್ಷೇತ್ರ. ಇಮೇಲ್ ಮಾರ್ಕೆಟಿಂಗ್ಗಾಗಿ ಪರಿಪೂರ್ಣ.

ಚಂದಾದಾರಿಕೆ ಪೆಟ್ಟಿಗೆ UI

ಚಂದಾದಾರಿಕೆ

ಉನಾ ಚಂದಾದಾರಿಕೆ ಪೆಟ್ಟಿಗೆ ಎಚ್ಚರಿಕೆಯ ಗಂಟೆಯೊಂದಿಗೆ ಮತ್ತು ಚಪ್ಪಟೆ ಬಣ್ಣಗಳಿಗಿಂತ ಸ್ವಲ್ಪ ಹೆಚ್ಚು ವಿನ್ಯಾಸದಲ್ಲಿ.

ಸಿಎಸ್ಎಸ್ ಚಂದಾದಾರಿಕೆ ಪೆಟ್ಟಿಗೆ

ಚಂದಾದಾರಿಕೆ

ಉನಾ ಸ್ಮಾರ್ಟ್ ಚಂದಾದಾರಿಕೆ ಪೆಟ್ಟಿಗೆ ವಾಸ್ತವವಾಗಿ ಇಳಿಜಾರುಗಳನ್ನು ಬಳಸಿ ಕ್ಷೇತ್ರದ ನೇರಳೆ ವರ್ಣದಂತೆ ಚಂದಾದಾರ ಬಟನ್ಗಾಗಿ.

ಚಂದಾದಾರಿಕೆ ಪೆಟ್ಟಿಗೆ

ಚಂದಾದಾರಿಕೆ ಪೆಟ್ಟಿಗೆ

ಉನಾ ಸರಳ ಚಂದಾದಾರಿಕೆ ಪೆಟ್ಟಿಗೆ ಆದರೆ ವಿನ್ಯಾಸದಿಂದ ಉತ್ತಮ ಪರಿಣಾಮ ಬೀರುತ್ತದೆ.

EMOJI valid ರ್ಜಿತಗೊಳಿಸುವಿಕೆಯ ರೂಪ

ಎಮೋಜಿ

ಶುದ್ಧವಾಗಿ ಇದನ್ನು ಸಿ.ಎಸ್.ಎಸ್ ation ರ್ಜಿತಗೊಳಿಸುವಿಕೆಯ ರೂಪ ಕೀಲಿಯನ್ನು ರಚಿಸಲು ಅಥವಾ ಪಾಸ್ವರ್ಡ್. ನಾವು ಬರೆಯುತ್ತಿದ್ದಂತೆ, ಎಮೋಜಿಗಳು ಫಾರ್ಮ್‌ನ ಭದ್ರತಾ ಮಟ್ಟವನ್ನು ಅಳೆಯುತ್ತವೆ. ನಿಸ್ಸಂದೇಹವಾಗಿ ತಮಾಷೆ ಮತ್ತು ಕುತೂಹಲ.

ಇದನ್ನು ತಪ್ಪಿಸಬೇಡಿ ಸಿಎಸ್ಎಸ್ನಲ್ಲಿ 23 ಅನಿಮೇಟೆಡ್ ಬಾಣಗಳ ಪಟ್ಟಿ.


ಲೇಖನದ ವಿಷಯವು ನಮ್ಮ ತತ್ವಗಳಿಗೆ ಬದ್ಧವಾಗಿದೆ ಸಂಪಾದಕೀಯ ನೀತಿ. ದೋಷವನ್ನು ವರದಿ ಮಾಡಲು ಕ್ಲಿಕ್ ಮಾಡಿ ಇಲ್ಲಿ.

ಪ್ರತಿಕ್ರಿಯಿಸಿ, ನಿಮ್ಮದನ್ನು ಬಿಡಿ

ನಿಮ್ಮ ಅಭಿಪ್ರಾಯವನ್ನು ಬಿಡಿ

ನಿಮ್ಮ ಈಮೇಲ್ ವಿಳಾಸ ಪ್ರಕಟವಾದ ಆಗುವುದಿಲ್ಲ. ಅಗತ್ಯವಿರುವ ಜಾಗ ಗುರುತಿಸಲಾಗಿದೆ *

*

*

  1. ಡೇಟಾಗೆ ಜವಾಬ್ದಾರಿ: ಮಿಗುಯೆಲ್ ಏಂಜೆಲ್ ಗಟಾನ್
  2. ಡೇಟಾದ ಉದ್ದೇಶ: ನಿಯಂತ್ರಣ SPAM, ಕಾಮೆಂಟ್ ನಿರ್ವಹಣೆ.
  3. ಕಾನೂನುಬದ್ಧತೆ: ನಿಮ್ಮ ಒಪ್ಪಿಗೆ
  4. ಡೇಟಾದ ಸಂವಹನ: ಕಾನೂನುಬದ್ಧ ಬಾಧ್ಯತೆಯನ್ನು ಹೊರತುಪಡಿಸಿ ಡೇಟಾವನ್ನು ಮೂರನೇ ವ್ಯಕ್ತಿಗಳಿಗೆ ಸಂವಹನ ಮಾಡಲಾಗುವುದಿಲ್ಲ.
  5. ಡೇಟಾ ಸಂಗ್ರಹಣೆ: ಆಕ್ಸೆಂಟಸ್ ನೆಟ್‌ವರ್ಕ್‌ಗಳು (ಇಯು) ಹೋಸ್ಟ್ ಮಾಡಿದ ಡೇಟಾಬೇಸ್
  6. ಹಕ್ಕುಗಳು: ಯಾವುದೇ ಸಮಯದಲ್ಲಿ ನೀವು ನಿಮ್ಮ ಮಾಹಿತಿಯನ್ನು ಮಿತಿಗೊಳಿಸಬಹುದು, ಮರುಪಡೆಯಬಹುದು ಮತ್ತು ಅಳಿಸಬಹುದು.

  1.   ಜುವಾನ್ ಜೋಸ್ ಪೆರೆಜ್ ಡಿಜೊ

    ಉದಾಹರಣೆಗಳ ಅತ್ಯುತ್ತಮ ಮಾದರಿ ಇಲ್ಲಿ ಪ್ರಸ್ತುತಪಡಿಸಲಾಗಿದೆ. ವಿಭಿನ್ನ ಸಂದರ್ಭಗಳಿಗೆ ವೈವಿಧ್ಯತೆ ಮತ್ತು ಹೊಂದಾಣಿಕೆ ಮತ್ತು ಒಳ್ಳೆಯದು ಎಂದರೆ ಪ್ರತಿ ಶೀರ್ಷಿಕೆಯ ಲಿಂಕ್ ಡೆಮೊ ಮತ್ತು ಮೂಲ ಕೋಡ್ ಅನ್ನು ಒಳಗೊಂಡಿರುತ್ತದೆ, ಆದರೂ ನೀವು ಅದನ್ನು ಒಂದು ಗುಂಡಿಯೊಂದಿಗೆ ಹೈಲೈಟ್ ಮಾಡಬೇಕು «ಡೆಮೊ ನೋಡಿ» ಏಕೆಂದರೆ ನಾನು ಅದನ್ನು ಕಂಡುಹಿಡಿದ ಕುತೂಹಲದಿಂದ ಶೀರ್ಷಿಕೆ. ಕೊಡುಗೆಗಾಗಿ ಧನ್ಯವಾದಗಳು. ಕ್ಯಾರಕಾಸ್‌ನಿಂದ ಶುಭಾಶಯಗಳು.