پنج شنبه , ۳۰ آبان ۱۳۹۸
جدیدترین آموزش ها
خانه » فیلم آموزش CSS » فیلم آموزش رایگان CSS3 قسمت ۱۰(text-stroke)

فیلم آموزش رایگان CSS3 قسمت ۱۰(text-stroke)

سلام
در جلسه دهم css3 به ادامه typography و استایل دهی متون در ۳ css می پردازیم و با پراپرتی text-stroke و value های آن برای مرورگر کروم اشنا می شویم و همچنین به پیاده سازی این خاصیت در مرورگر های دیگر از طریق دستور text-shadow می پردازیم.

آموزش text-stroke-css3

آموزش css3

text-stroke in css

سلام

در جلسه دهم css3 به ادامه typography و استایل دهی متون در ۳ css می پردازیم و با پراپرتی text-stroke و value های آن برای مرورگر کروم اشنا می شویم و همچنین به پیاده سازی این خاصیت در مرورگر های دیگر از طریق دستور text-shadow می پردازیم.

دانلود

Fonts on the web are essentially vector based graphics. That’s why you can display them at 12px or 120px and they remain crisp and relatively sharp-edged. Vector means that their shape is text-strokedetermined by points and mathematics to describe the shape, rather than actual pixel data. Because they are vector, it would make sense if we could do things that other vector programs (e.g. Adobe Illustrator) can do with vector text, like draw a stroke around the individual characters. Well, we can! At least in WebKit. Example:We can take this a bit further by not relying on the WebKit proprietary entirely. We can use the (text-stroke)text-shadow property (supported in Firefox, Opera, and IE 10 as well) and simulate a stroke. We’ll use four shadows, each 1px offset of black with no spread, one each to the top right, top left, bottom left, and bottom right. We’ll use remove the WebKit propreitary -webkit-text-fill-color in favor of color since we’re cross-browser compatible now. The only holdout would be IE9 and down, which of course you can use IE specific stylesheets to account for.This is a stroke using all text-shadow. Pretty close to just as good as a real stroke. The primary issue is that you can only get 1px of stroke this way. Any more, and you see gaps. Any more with WebKit text stroke and there is issues too though, so it’s kind of a horse apiece.Using both a stroke and a shadow can be a great effect. Let’s toss on a WebKit stroke, the all-around text-shadow stroke, as well as a deeper text-shadow stroke.

 

 

 

 

   دانلود

 

درباره ی مدیر-محسن پور

من مهیار محسن پور هستم. علاقه شدیدی به طراحی وب مخصوصا به کد نویسی سمت سرور دارم . به زبان های html,css,javascript,jquery,php تسلط دارم. 6 ساله برنامه نویسی می کنم و شروع برنامه نویسیم هم با اسمبلی بوده. به برنامه سازی سیستم علاقه خاصی دارم چون حس میکنم درک بالایی از کامپیوتر به انسان میده. با زبان #C اشنایی دارم و برای یک پروژه دانشگاهی با این زبان قدرتمند بازی طراحی کردم. برای گوشی های دارای سیستم عامل اندروید برنامه طراحی کردم و تا حدودی با برنامه نویسی اندروید هم اشنا هستم. تو حوزه IT و امنیت مدت کوتاهی فعالیت کردم و به نسبت با شبکه اشنا هستم.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *