Како Направите уметак текст са ЦСС3
Многе узбудљиве нове функције и карактеристике се мисли за ЦСС3. Данас ћемо направити прилог тест са ЦСС3. Имовине која ће подржати Фирефокс, Опера и Сафари хроме. Уметак текст буде текст који је гурнула у позадину, готово као обрнути рељефни ефекат. Надам се да ћете наћи доста корисних инспирацију за свој следећи пројекат дизајн. Хвала!
Овај текст сенке својина није подржан од стране ИЕ-преглед демо.
Упознајте нас са вашим мислима? Ако сте пронашли неки други туторијала које желите да поделите са нама, слободно нас о томе обавестите до пада у коментар.
Пример
Корак # 1 ЦСС Структура
Прво смо направили Једноставна ЦСС
* ( ; паддинг: 0; паддинг: 0; ) тела ( ; Позадина: # 222; )# контејнер ( ; маргин: 0 ауто; ; Позадина: # 333333; )Х2 ( ; Боја: # 000; #4A4947 ; текст-сенке: - 1пкс 1пкс 1пкс # 4А4947; Arial, Helvetica, sans-serif ; ФОНТ: 36пкс Ариал подебљано, Хелветица, санс-сериф; ; паддинг: 0 0 0 0; 10px 0 ; паддинг: 0 0 10пкс 0; )1px 1px #4A4947 ; font :bold 18px Arial, Helvetica, sans-serif ; color : # 000 ; padding : 0 0 10px 0 ; line-height : 162 . 5 %; } П (фонт-сенке: - 1пкс 1пкс 1пкс # 4А4947; фонта: подебљано 18пкс Ариал, Хелветица, санс-сериф; боја: # 000; паддинг: 0 0 10пкс 0; линија-висина: 162 5.%;)
Корак # 2 Структура ХТМЛ
Сада ћемо креирати једноставну хтмл цоде
> <див ИД = "цонтаинер"> <х2> Наслов </ Х2> <п> Ет УТ АЦ социис натокуе Монтес! Сед порта лундиум, АЦ темпор порта, порођајан турпис. Ац, УТ Ерос егестас, пенатибус седи адиписцинг лацус маттис порођајан, плацерат. </ П> <п> Ет УТ АЦ социис натокуе Монтес! Сед порта лундиум, АЦ темпор порта, порођајан турпис. Ац, УТ Ерос егестас, пенатибус седи адиписцинг лацус маттис порођајан, плацерат. </ П> </ спан>
Погледајте демо
Пратите нас на Туиттер, или да се претплатите на програмере Рај + Субсцрибе за најбољи туториали уеб развој на Интернету.
Промовишите нама
Повезани чланци:
Ако сте уживали читајући овај чланак, молимо проверите другим сродним чланцима у наставку:
[Линк Корисник: Како да креирате уметак текст са ЦСС3] | Савети за дизајнере и програмере | трипуире часописа говори о: Март 4тх, 2010 ат 6:50 Рекао је:
[...] Корисник Новости иф (тыпеоф Меебо == 'недефинисан') (Меебо = функција () ((Меебо._ = Меебо._ ||[]). воки (аргументи)); (Функција (К) ( вар аргс = аргументе, ако (доцумент.боды) (сетТимеоут врати! (функција () (аргс.цаллее.апплы (овај, аргс)), 100);) вар г = документу, Б = д.боды, М = Б инсертБефоре (д.цреатеЕлемент. ( 'спан'), б.фирстЦхилд), с = д.цреатеЕлемент ( 'писмо'); м.ид = 'меебо'; м.стыле.дисплаы = 'ниједно'; м.иннерХТМЛ = "; с.срц =" ХТТП "+ (к.хттпс? с':")+'://'+( к.стаге '? сценска':")+' цим.меебо.цом / ЦИМ / цим.пхп? мреже = "+ к.нетуорк; б.инсертБефоре (е, б.фирстЦхилд);)) ((мрежи: 'трипуиремагазине_фу72би'));) Како Направите уметак текст са ЦСС3 [...]
Како Направите уметак текст са ЦСС3 | ОнлинеСцхоолофДесигн.цом каже о: 4. март 2010 у 11:05 ам Саид:
[...] Га: хттп://ацеинфоуаыиндиа.цом/блог/2010/03/хоу-то-цреате-инсет-текст-уитх-цсс3/ Пратите нас на Туиттер за још исправке ХОСТИНГ ПРОМОГет посебним 35! % попуста што је [...]
Ерика | УПринтинг каже на: март 5тх, 2010 у 5:55 пм Саид:
Никада нисам знао о томе, јер моје знање о ЦСС су само основе. Тханкс фор схаринг ово, ја ћу сигурно пробати овај. Весели за свој следећи пост!
Марек Стасикоуски каже на: март 5тх, 2010 у 1:44 ам Саид:
Жао нам је, али ја стварно не воле идеју дуплирања садржаја у ознакама. Постоји боље од овога, нпр. Јава базиран.
120 + огромну колекцију свеже Чланци за дизајнере и програмере | трипуире часописа говори о: 5. март 2010 у 10:57 ам Саид:
[...] Како Направите уметак текст са ЦСС3 [...]
Бригит ЦСС | Како Направите уметак текст са ЦСС3 о каже: 6. март 2010 у 12:11 пм Саид:
Како Направите уметак са ЦСС3 текст ...
Многе узбудљиве нове функције и карактеристике се мисли за ЦСС3. Данас ћемо направити прилог тест са ЦСС3. ...