Как да създадете добавям текст от CSS3
Много интересни нови функции и характеристики са мисълта за CSS3. Днес ние ще създадем добавям тест с CSS3. Тази собственост ще подпомага Firefox, Opera, хром и Safari. Добавям текст е текст, който е бил натиснат на заден план, почти като релефно обратен ефект. Надявам се, че ще намерите доста полезни вдъхновение за следващия си архитектурен проект. Благодарности!
Този текст Сянка собственост не е подкрепено от IE. Вижте видео
Нека мислите си с нас? Ако откриеш някакви други уроци, които искате да споделите с нас, не се колебайте да ни уведомите от отпадане в коментар.
Пример
Стъпка # 1 Css Структура
Първо се създаде проста Css код
* ( ; подложка: 0; граница: 0; ) BODY ( ; фон: # 222; )# контейнер ( ; марж: 0 автомобил; ; фон: # 333333; ): # 000 ; text-shadow :- 1px 1px 1px #4A4947 ; font : 36px bold Arial, Helvetica, sans-serif ; margin : 0 0 0 0 ; padding : 0 0 10px 0 ; } h2 (цвят: # 000; текст сянка: - 1px 1px 1px # 4A4947; шрифта: 36px смели Arial, Helvetica, Sans-Serif; граница: 0 0 0 0; подложка: 0 0 10px 0;)1px 1px #4A4947 ; font :bold 18px Arial, Helvetica, sans-serif ; color : # 000 ; padding : 0 0 10px 0 ; line-height : 162 . 5 %; } P (текст сянка: - 1px 1px 1px # 4A4947; шрифта: получер 18px Arial, Helvetica, Sans-Serif; цвят: # 000; подложка: 0 0 10px 0; линия-височина: 162. 5%;)
Стъпка # 2 Html Структура
Сега ние се създаде проста HTML Code
> <h2> Heading </h2> <p> Et ut ac sociis natoque montes! <div ID = "container"> <h2> ред </ h2> <p> Et към AC sociis natoque Montes! Порта lundium Sed, tempor AC порта, ще ражда turpis. AC, към egestas Ерос, adipiscing penatibus седя lacus Mattis ще ражда, placerat. </ P> <p> Et към AC sociis natoque Montes! Порта lundium Sed, tempor AC порта, ще ражда turpis. AC, към egestas Ерос, adipiscing penatibus седя lacus Mattis ще ражда, placerat. </ P> </ span>
Вижте видео
Следвайте ни нервна възбуда, или да се абонирате за раят за + RSS емисия за най-добрите уроци в Мрежата за развитие на мрежата.
Насърчаване нас
Свързани членове:
Ако ви хареса прочетете тази статия, моля, проверете други предмети, свързани по-долу:
[Потребителски Линк: Как да създадем добавям текст от CSS3] | Съвети за дизайнери и програмисти | Tripwire списание казва на: 4-ти март 2010 година в 6:50 ч., заяви:
[...] Потребителски новини, ако (typeof Meebo == "неопределен") (Meebo = функция () ((Meebo._ = Meebo._ ||[]). Push (аргументи)); (функция (р) ( VAR ARGS = аргументи; ако (! document.body) (връщане setTimeout (функция () (args.callee.apply (това, ARGS)), 100);) VAR г = документ, B = d.body, м = B . insertBefore (d.createElement ( 'DIV'), b.firstChild); S = d.createElement ( 'Script'); m.id = 'Meebo'; m.style.display = 'без'; m.innerHTML = "; s.src = 'HTTP" + (q.https? е':")+'://'+( q.stage? "Етап-':")+' cim.meebo.com / CIM / cim.php? мрежа = '+ q.network; b.insertBefore (S, b.firstChild);)) ((мрежата: "tripwiremagazine_fu72bi'));) Как да създадете добавям текст от CSS3 [...]
Как да създадете добавям текст от CSS3 | OnlineSchoolofDesign.com казва на: 4-ти март 2010 в 11:05 ч., заяви:
[...] Че на заминаване: http://aceinfowayindia.com/blog/2010/03/how-to-create-inset-text-with-css3/ Следвайте ни Twitter за още по-актуализации! ХОСТИНГ PROMOGet специален 35 % отстъпка го превърне [...]
Ерика | UPrinting казва на: 5-ти март, 2010 година в 5:55 ч., заяви:
Никога не съм знаел за това, тъй като познанията ми за CSS са само основните неща. Благодаря за споделяне на това, аз със сигурност ще опитвам този един. В перспектива за следващия си пост!
Марек Stasikowski казва на: 5-ти март, 2010 в 1:44 ч., заяви:
Съжалявам, но аз наистина не харесват идеята за удвояване на съдържание в маркиране. Има по-добре от това, например. JavaScript базирани.
120 + огромна колекция от пресни членове за дизайнери и програмисти | Tripwire списание казва на: 5-ти март 2010 год. до 10:57 ч., заяви:
[...] Как да създадете добавям текст от CSS3 [...]
CSS Brigit | Как да създадете добавям текст от CSS3 казва на: 6-ти март 2010 в 12:11 ч., заяви:
Как да създадете добавям текст от CSS3 ...
Много интересни нови функции и характеристики са мисълта за CSS3. Днес ние ще създадем добавям тест с CSS3. ...