مرجع تخصصی مقالات طراحی سایت

در نصیب پایان نوشته ی علمی ی خویش طراحی سایت در مشهد  قصد داریم دو گروه بندی اساسی از برنامه کودکان هایی که با CSS می اقتدار ایجاد کرد ، را تفصیل دهیم و برای هر مورد مثالی را داشته باشیم.

۱- Transitions
Transition ها بی آلایش ترین منش برای متحرک سازی یک المان جان دار در اینترنت هستند.
آنان به شما این قابلیت و امکان را میدهند که در یک زمان فرصت معلوم ، تغییرات ثابتی را در موادتشکیل دهنده برگه ساخت‌و‌ساز فرمائید.

کامپوننت های اساسی یک Transition عبارتند از :

transition-property

این خصوصیت به صورت خاص نماد می دهد که کدام عنصر CSS را به صورت خاص تغییر تحول می‌دهید (به عنوان مثالً عبارتند از: رنگ، opacity ، و غیره)

transition-duration

بازه مجال Transition به صورت خاص علامت دهنده مجال تخصیص داده گردیده‌است که برنامه کودک می بایست پیش از تکرار دوباره ، بدون نقص خواهد شد.

transition-delay

این کامپوننت مشخصاً نماد می دهد که برنامه کودکان چه زمان بایستی معطل بماند (ژرف اندیشی بخورد) پیش از اینکه دوباره تکرار خواهد شد.

transition-timing-function

به صورت معین علامت میدهد که کارتن بصری با چه سرعتی می بایست در مرورگر اینترنت جنبش نماید هنگامی استفاده کننده با آن در اکنون تعامل میباشد.

نمونه : کد ذیل نماد دهنده ی تغییرات در opacity (شفافیت) میباشد که بایستی پیش از ناپدید شدن بی نقص ، دو ثانیه ارتفاع بکشد.

.square {
opacity: 1;
transition: opacity 2s;
}
COPY
.square.hidden {
opacity: 0;
}
COPY
۲- keyframes@
برای تغییرات بغرنج‌خیس متحرک در حین فرصت ، از keyframes@ ، یک ضابطه تخصصی CSS ، می بایست مصرف شود.
keyframes@ اذن می‌دهد که شما کارتون های تخصصی تری را با css بسازید.