அனிமேஷன் செய்யப்பட்ட வலைப்பக்க பின்னணிகள் கண்கவர், மற்றும் அவற்றை GIF கோப்புகளைப் பயன்படுத்தி உருவாக்கலாம். உங்கள் வணிக வலைப்பக்கங்களில் உரை மற்றும் பிற உள்ளடக்கத்தை நீங்கள் சேர்க்கும்போது, பின்னணியைச் சேர்ப்பது பற்றி நீங்கள் கவலைப்பட வேண்டியதில்லை: அந்த இயல்புநிலையை நீங்கள் மீறாவிட்டால் உலாவிகள் உங்கள் பக்கங்களுக்கு வெள்ளை பின்னணியைக் கொடுக்கும். பக்கத்தின் பின்னணியாக அனிமேஷன் செய்யப்பட்ட மற்றும் நிலையான GIF படங்களைப் பயன்படுத்த ஒரு HTML வலைப்பக்கத்தில் ஒரு குறுகிய CSS வகுப்பைச் சேர்க்கவும்.
1
ஒரு HTML ஆவணத்தைத் திறந்து ஆவணத்தின் தலை பகுதியைக் கண்டறியவும்.
2
பின்வரும் குறியீட்டை அந்த பிரிவில் ஒட்டவும்:
உடல் {பின்னணி-படம்: url ('myImage.gif'); பின்னணி-மீண்டும்: மீண்டும்; }
இந்த குறியீடு உங்கள் ஆவணத்தின் உடல் குறிச்சொல்லை வடிவமைக்கும் ஒரு CSS தேர்வாளரை வரையறுக்கிறது. பின்னணி-பட பண்புக்கூறு ஒரு URL சொத்தைக் கொண்டுள்ளது, அதன் மதிப்பு "myImage.gif." அந்த மதிப்பை உங்கள் GIF களில் ஒன்றின் பெயருக்கு மாற்றவும். இரண்டாவது எடுத்துக்காட்டு இந்த எடுத்துக்காட்டில் "மீண்டும்" மதிப்புடைய பின்னணி-மீண்டும் பண்புக்கூறு வரையறுக்கிறது. இந்த மதிப்பு உலாவிகளுக்கு ஒரு கட்டம் விளைவை உருவாக்க பக்கமெங்கும் மற்றும் பக்கத்தின் கீழும் படத்தை மீண்டும் செய்யச் சொல்கிறது. உங்கள் GIF டைல் செய்யப்பட்ட பின்னணியை உருவாக்க விரும்பவில்லை என்றால் அந்த அறிக்கையை நீக்கு.
3
புதிய பின்னணியைக் காண ஆவணத்தை சேமித்து உங்கள் உலாவியில் பார்க்கவும்.
