தற்போதைய CSS நூலகங்கள் வலை வடிவமைப்பின் உயர் மட்டத்திற்கு சான்றுகள் வலை அனுபவம் என்ன என்பதைப் புரிந்துகொள்வதற்கான அற்புதமான வழிகளைச் செயல்படுத்தும்போது இவை எவ்வாறு விஷயங்களை எளிதாக்குகின்றன.
அதனால்தான் நாங்கள் செய்வோம் 23 உயர்தர CSS நூலகங்களைப் பகிரவும் இந்த வடிவமைப்பு மொழியின் மூலம் எல்லாம் எப்படி சாத்தியம் என்பதை நிரூபிக்கும் பல்வேறு கலைஞர்களின். CSS மூலம் எதை அடைய முடியும் என்று ஆச்சரியப்படுவதற்கு வளங்களின் சுவாரஸ்யமான சலுகை.
மங்கலான மெனு
ஒரு அற்புதமாக உகந்த டெமோ இதில் நீங்கள் ஏழு எடுத்துக்காட்டுகளைக் காணலாம். அவர்கள் CSS3 மாற்றத்தைப் பயன்படுத்துகிறார்கள், மேலும் உயர்தர மங்கலான விளைவை உருவாக்க வெவ்வேறு தேர்வாளர்களைப் பயன்படுத்துவதில் சிறந்த புத்திசாலித்தனம் என்னவாக இருக்கும்.
CSS3D மேகங்கள்
மட்டும் இந்த டெமோ மீது வட்டமிடுங்கள், இந்த CSS நூலகத்துடன் அடையப்பட்ட சிறந்த விளைவை நீங்கள் அனுபவிக்க முடியும். எல்லாவற்றிற்கும் மேலாக, அந்த மேகங்கள் முழு இயக்கத்தில் உள்ளன. இது CSS3 3D டிரான்ஸ்ஃபார்ம்களையும் ஜாவாஸ்கிரிப்டையும் பயன்படுத்துகிறது. இணைப்பிலிருந்து நீங்கள் ஒவ்வொரு படிகளையும் கண்டுபிடிக்கும் டுடோரியலை அணுகலாம்.
தூய CSS இல் லோகோக்கள்
இந்த நூலகத்தில் உள்ளது மிகவும் பிரபலமான சில சின்னங்கள் ஆப்பிள் அல்லது ட்விட்டர் போன்றவை. மவுஸ் சுட்டிக்காட்டி வைப்பதன் மூலம் ஒவ்வொரு சின்னங்களின் பண்புகளையும் நீங்கள் அறிந்து கொள்வது சுவாரஸ்யமானது. இணைப்பிலிருந்து முழுமையான குறியீட்டிற்கான அனைத்து அணுகல்களும் உங்களிடம் உள்ளன.
ஜான் கடேராவின் வழிசெலுத்தல் பட்டி
எங்களிடம் உள்ள codepen.io இலிருந்து 3D இல் இந்த வழிசெலுத்தல் பட்டியை அணுகலாம் அது பிரமாதமாக நகர்கிறது, அதிலிருந்து அதன் குறியீட்டை நாம் முழுமையாக அறிந்து கொள்ள முடியும். இந்த நூலகத்தின் விசித்திரமான விஷயம் என்னவென்றால், இது 65 வரிகளை மட்டுமே கொண்டுள்ளது. புதிய CSS3 அம்சங்கள் ஆழம் புலம் விளைவில் உள்ளன.
பட பேனல்கள் சறுக்குகின்றன
நீங்கள் டுடோரியலுக்கான அணுகல் உள்ளது இங்கிருந்து. அதன் பெரிய மதிப்பு அனிமேஷன்கள் எவ்வளவு மென்மையானவை பட பேனல்களை நெகிழ் செய்யும் போது. உங்கள் இணையதளத்தில் அவற்றை இணைக்க நான்கு மாறுபாடுகளை நீங்கள் அணுகலாம் மற்றும் ஒரு அற்புதமான முடிவை அடையலாம்.
இரட்டை வளையம்
நாங்கள் முன்பு இருக்கிறோம் ஒரு முழுமையான மறு உருவாக்கம் ஒரு சிறந்த உற்பத்தி அனிமேஷனுடன். Codepen.io இலிருந்து நூற்றுக்கணக்கான வரிகளால் ஆன அனைத்து குறியீடுகளையும் அணுகலாம்.
Flexbox
ஃப்ளெக்ஸ் பாக்ஸ் என்பது ஒரு பக்கத்தில் நெடுவரிசைகளைக் காண்பிக்கும் புதிய CSS வழி. அ மிகவும் விரிவான வழிகாட்டி இந்த கொள்கலன்களைப் புரிந்து கொள்ள.
வண்ணமயமான வழிசெலுத்தல் மெனு
உங்களுக்கு அணுகல் உள்ளது இந்த வழிசெலுத்தல் மெனுவிற்கான அனைத்து HTML மற்றும் CSS வண்ணத்தின் மீது அதிக அன்பு கொண்டவர். இது முற்றிலும் CSS இல் தயாரிக்கப்பட்டுள்ளது, இதன் மூலம் நீங்கள் இந்த மொழியில் மூழ்கலாம்.
CSS3 இல் முன்னேற்றப் பட்டிகள்
இது ஆங்கிலத்தில் இருந்தாலும், பெரும்பாலான புத்தகக் கடைகளைப் போல, HTML மற்றும் CSS நன்கு விரிவாக உள்ளன சிறந்த வடிவமைப்பு முன்னேற்றப் பட்டிகளைக் கொண்டிருக்க வேண்டும். சாய்வு, கோடுகள் மற்றும் பிற வகையான காட்சி விளைவுகள் உங்களுக்கு காத்திருக்கின்றன.
animate.css
கிட்ஹப்பில் பிரபலமானது, அது தான் முற்றிலும் CSS இல் செய்யப்பட்டது. நீங்கள் தெரிந்து கொள்ள விரும்பும் அனிமேஷனைத் தேர்வுசெய்க, மேலும் Animate.css இல் உள்ள விளைவைக் காண நீங்கள் "அனிமேட் இட்" பொத்தானைக் கிளிக் செய்ய வேண்டும். நீங்கள் அதை கிட்ஹப்பில் பதிவிறக்கம் செய்யலாம் அல்லது பார்க்கலாம்.
ஸ்பிங்கிட்
சாத்தியமான குறிகாட்டிகளின் தொகுப்பை நாங்கள் எதிர்கொள்கிறோம் அனைத்து வகையான காட்சி கூறுகளுக்கும் சேவை செய்யுங்கள் வலையில். "மூல" என்பதைக் கிளிக் செய்க, அதன் செயல்பாட்டிற்கு தேவையான அனைத்து குறியீடுகளையும் நீங்கள் காண்பீர்கள்.
பொத்தான்கள்
ஒரு CSS பொத்தான் நூலகம் போட்டியில் இருந்து உங்களை வேறுபடுத்திக் கொள்ள வேண்டிய ஒன்றைக் கண்டுபிடிப்பதற்கான அனைத்து வழிகள் மற்றும் யோசனைகள். பக்கப்பட்டியில் இருந்து நீங்கள் கண்டுபிடிக்க விரும்பாத வடிவங்கள் அல்லது விளைவுகளை செயலிழக்கச் செய்யலாம், இதனால் குறிப்பாக ஒன்றில் கவனம் செலுத்துங்கள்.
ஃபிளிப்ஸ்விட்ச்
நாங்கள் முன்பு இருக்கிறோம் சில பொத்தான்களை முடக்க உங்களை அனுமதிக்கும் பயன்பாடு ஒன்றை நாங்கள் தேடுகிறோம். நாங்கள் வெவ்வேறு அமைப்புகளைப் பயன்படுத்துகிறோம், இறுதியாக எங்கள் வலைத்தளத்திற்கு நகலெடுக்கும் குறியீட்டை மீண்டும் உருவாக்க முடியும். அதன் பல்துறை மற்றும் சிறந்த பாணிக்கு மிகவும் சுவாரஸ்யமான ஆதாரம்.
குறிப்பு. Css
ஒரு ஜாவாஸ்கிரிப்ட் இல்லாமல் CSS நூலகம் நீங்கள் விரும்பியபடி பயன்படுத்த தயாராக உள்ளது. அளவு சிறியது, பயன்படுத்த எளிதானது மற்றும் இது அனைத்து நவீன வலை உலாவிகளிலும் வேலை செய்கிறது.
நிறங்கள்.css
யார் ஒரு சுவாரஸ்யமான மாற்றிலிருந்து வண்ணத்தைத் தேடுங்கள் இது ஒரு சிறந்த காட்சி அம்சத்துடன் வலைத்தளங்களுக்கான விரைவான முன்மாதிரிகளை அனுமதிக்கிறது.
Voxels.css
கட்டுமான விளையாட்டான Minecraft உங்களுக்குத் தெரிந்தால், நிச்சயமாக இந்த CSS நூலகத்தை அடையாளம் காண எளிதானது. நாம் மையத்தில் அழுத்தும்போது சுழற்று கட்டங்களை உருவாக்க செல்ல.
அச்சுக்கலை
ஒரு தூய CSS எழுத்துரு உங்கள் அடுத்த திட்டத்திற்கு இலகுரக வெறுமனே சரியானது.
ஸ்பின்னர்கள்
ஒரு அனிமேஷன்களின் பெரிய தொகுப்பு CSS மற்றும் HTML இல் ஐகான்களை ஏற்றுகிறது.
கட்டணம் வரி குறிகாட்டிகள்
CSS ஜோடியில் தூய உரைஅனைத்து வகையான குறிகாட்டிகளையும் ஏற்ற. உங்கள் வலைத்தளத்திற்கு தேவையான மற்றும் சரியான குறிகாட்டியைக் கண்டுபிடிக்க ஒரு சிறந்த ஆதாரம்.
CSS ஏற்றி
மற்றொரு ஐகான்களை ஏற்றுவதற்கான எழுத்துரு இது அனைத்து வகையான அனிமேஷன்களுக்கும் தனிப்பயனாக்கலாம்.
பட ஹோவர்
ஒரு அளவிடக்கூடிய CSS நூலகம் மற்றும் அந்த வகுப்பிற்கான படங்களின் குறைந்த எடை «மிதவை».
hue.css
ஒரு ஆதாரம் 49 சாய்வு அல்லது ஒளிச்சேர்க்கை சாய்வு எல்லா வகையான உள்ளடக்கம் மற்றும் படங்களுக்கும்.
பொருள்மயமாக்கு
Un பொருள் வடிவமைப்பை அடிப்படையாகக் கொண்ட CSS கட்டமைப்பு, கூகிள் ஏராளமான பயன்பாடுகளிலும் அதன் சொந்த Android இயக்க முறைமையிலும் பயன்படுத்தும் வடிவமைப்புக் கொள்கை.
சந்திப்பை தவறவிடாதீர்கள் உயர்நிலை வலைகளுடன் உடன் svg படங்கள்.