HTML5 жана жарымча CSS3-жылы эле тигилип, жылдырылуучу мазмунду түзүү

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

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

Болумушту CSS3 касиеттери

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

ашып-стили
ашып-стили мүлк (мен да макалада CSS ашып талкууга алынган) мазмуну кутучаны ашып-ташып турса да көрүү үчүн тандалган образын аныктайт. Сиз Наркы Көрнөк-дун же Көрнөк-бөгөт сиздин мазмунду туура / сол жана тартып болот (Көрнөк-сызык) же / ылдый (Көрнөк-бөлүгү) белгиленген болсо.

Көрнөк-стили
Бул мүлк мазмуну көз (жана чыгат) салып түрткү берет кантип аныктайт.

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

Акырында, кошумча артка жана алдыга түшүүчү тараптан мазмунду капталы, Блондинки.

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

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

Көрнөк-багыты маалыматтар

ашып-стили тили багыты алдыга жокко чыгаруу
Көрнөк-сап со сол туура
RTL туура сол
Көрнөк-блок чейин төмөн

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

Marquee касиеттерин Browser колдоо

Сиз колдонуу керек болушу мүмкүн сатуучусунун Этиштин ишине CSS Көрнөк элементтерди алуу. Алар төмөнкүлөр:

CSS3 сатуучу Prefix
ашып-х: Көрнөк-сап; ашып-х: -webkit-Көрнөк;
Көрнөк-стили -webkit-Көрнөк-стили
Көрнөк-плей-саны -webkit-Көрнөк-кайталоо
Көрнөк-багыт: жөнөтүүгө | жокко чыгарууга; -webkit-Көрнөк-багыт: жиберет | артка;
Көрнөк-ылдамдыгы -webkit-Көрнөк-тез
эч кандай барабар -webkit-Көрнөк-өсүш

акыркы менчик кадам канчалык чоң же кичине көрнөктөрдөгү экранында мазмуну түрмөк катары болушу керек аныктоого мүмкүндүк берет.

Сиздин Marquee иштеп ээ болуу үчүн, сиз биринчи сатуучуларга жакка баалуулуктарын жайгаштырууга жана CSS3 өзгөчөлүктөрү баалуулуктар менен аткарышы керек. Мисалы, бул жерде 200x50 үкөктүн ичинде солдон беш жолу Тексти маг бир көрнөктөрдөгү үчүн CSS болуп саналат.

{
туурасы: 200px; бийиктиги: 50px; ак-орун: Айлык жылнаама;
ашыра: жашыруун;
ашып-х: -webkit-Көрнөк;
-webkit-Көрнөк-багыт: жиберет;
-webkit-Көрнөк-стили: жылып болуп,
-webkit-Көрнөк-ылдамдыгы: нормалдуу;
-webkit-Көрнөк-өсүш: чакан;
-webkit-Көрнөк-кайталоо: 5;
ашып-х: Көрнөк-сап;
Көрнөк-багыт: чыдамсыздык менен;
Көрнөк-стили: жылып болуп,
Көрнөк-ылдамдыгы: нормалдуу;
Көрнөк-плей-саны: 5;
}