Менчик CSS "айкындык", - сайт кызыктуу дизайнын үчүн жөнөкөй жолу

Бүгүн, сайт дизайны түзүү чон болуп калат. Бул бир түс жана баракчанын элементтеринин гана жыйындысы эмес, өлчөмү, тамга , ар түрдүү жана тематикалык сүрөттөрдө. Сенин сайт башкалардан айырмаланып, дептерге буруу жана анын айрым элементтеринин аны багыт үчүн, усулдар жана ыкмалар өтө көп санда колдонулат. Алардын арасында аябай популярдуу менчик CSS бар - ачыктык. Бул ыкма өтө модалуу жана чырайлуу, ошондуктан көп колдонулат. Мисалы, текст блок же бүткүл Сүрөттө - ачык-айкындуулук-сайттын ар түрдүү буюмдарды беттерин бере алат. Ошондой эле, ар кандай жолдор менен жетишилет. Төмөндөгү аларды карап көрөлү.

Параметрлер ачык-айкындуулук элементтерин көрсөтүү

Параметрлер бир нече элементтерин ачыктыгын жөнгө салуу. Алар белгилүү бир милдеттерге жараша колдонулат, ошондой эле, "эске алуу менен" дизайн астындагы браузер, ошондой эле. Бул төмөнкүдөй өзгөчөлүктөрүн камтыйт:

• ачыктыгы;
• чыпкалоо;
• алкагында эле PNG-сүрөт.

Менчик балл CSS "айкындуулук" төмөнкүчө өзгөрөт: жогорку санын, элементтин ачык-айкындуулук даражасын төмөн. тунуктугу, ал чыпка менен, 0дөн 1 га чейин - 10 100дөн чейин, акыркы кол Explorer браузеринин, жана башка бардык колдонулуучу тунуктугу мүлк үчүн колдонулат.

Ачыктык Image (өзгөртүү)

Сиз нерсени көчүп жатканда, анын жолдору ачык-айкын көрүнөт баштайлы Чычкан сүйрөп.

Келгиле, айкелдин ачыктыгын кантип белгилөө керек экендигин карап чыгалы. CSS үчүн эки жолду сунуш кылат. Бул үчүн, сиз төмөнкүдөй коду HTML-документте түздөн-түз аны катталышы керек:

1. картинка жолун көрсөтүү.
2. курсор эмес, Биз ачык-айкындуулук параметрлерин аныктоо. Бул үчүн биз ачыктыгы, жана чыпкасыз баасын каралган onmouseover жана onmouseout, өзгөчөлүктөрүн пайдалануу.

Ошол эле мүнөздөмөсү CSS-документ жана ага шилтеме кошуу үчүн булак коду каралган болот. жыйынтыктар бирдей экен.

текст менен барак блокторун ачыктыгы

тексттин же блок (ачык бөлүү) келсек, CSS ачык имиджин түзүү сыяктуу өзүнүн мүмкүнчүлүгүн сунуш кылат, каалаган параметрлери коюп жаткан байланышкан CSS-сааты, пайдалануу керек. Сен барып, жөнөкөй жол менен болот. Сиз стилдер бөгөттөөлөр бөлүү стили же текст б төмөнкү HTML-коду менен onmouseover жана элементтер onmouseout жазып коюуга болот. Эки ыкмаларды иштеп, жакшы натыйжа.

ачыктык туруктуу

Кээ бир учурларда, объектинин ишинин ачык-айкындуулугу, сен туруктуу негизде үчүн каалаган долбоорлоо элементи же текст. Бул жагдайда, чечим Эгер чычкан курсорун калкып кийин да жөнөкөй.

ачыктыгы үчүн Css элементи төмөнкү кодекси менен берилет. бөгөттөөлөр бөлүү стили менен алкагында көрсөткүчтөрүн жазып (мисалы, # ff8800), бүдөмүктөнүү (мисалы, 0.5) жана туурасы (туурасы) жана толтургучтар (толтургучтар).

Сүрөт коду баалуулуктарды кабыл алуу жана тунуктугу чыпкасы жана бурканга жолун аныктайт.

RGBA-ыкмасы

Бул мүлк CSS колдонуу үчүн башка мүмкүнчүлүктөр бар: ачыктык болбосун долбоорлоо элементи базалык түсүнө карата да колдонууга болот. Бул RGBA ыкмасын колдонот. Биринчи үч тамга негизги түстөрдөн турат (кызыл, Ядролук бөлүнүү, көк түс), жана акыркы - ачык-айкындуулук даражасын көрсөтөт Alpha. RGBA-түзүлүшү колдонуу акыркы орундуу, аны көрсөтүп, ачык-айкын белгиленген. Мисалы, ошондой эле: алкагында: rgba (240,2,33,0.4035).

жыйынтыктоо

Демек, сайт дизайны жөнөкөй, бирок натыйжалуу өзгөчөлүгү CSS "айкындуулук" боюнча иш-чараларынын жүрүшүндө колдонуп, аны ары кызыктуу, ары байкаларлык минималдуу күч менен элементтер болот. сүрөттөлгөн жактан колдонуучунун ачыктык өзгөчөлүктөрү менен жардам берет.