این کدو خودم نوشتم میخواستم یه حالت دیگه بهش بدم
که وقتی موس رو روش میارم به صورت افقی کرکره ای حرکت کنه
مثل این عکس که در حالت پایینی کوتاه هست و وقتی که موس روش میاد مثل حالت بلاییش بشه
و یه حالت باز و بسته شدن افقی ...
ایجاد شده در 10 سال پیش
سلام
با استفاده از این دو سایت که معرفی میکنم میتونید فایلهای CSS رو مرتب کرده و بهینه سازی کنید
http://styleneat.com
http://www.cleancss.com
بروز شده در 10 سال پیش
سلام
معذرت بابت کم شدن فعالیت دارم روی یه پروژه کار میکنم نمیتونم زیاد بیام :blushsmiley:
این همون افکتیه که در دکمه اپلود سنتراستفاده شده براتون گذاشتم تا استفاده کنید چون افکت جالبیه با تشکر از مدیر انجمن :73:
@-webkit-keyframes bounce { 0% { -webkit-transform: scale(1.03); } 10% ...
بروز شده در 10 سال پیش
سلام خدمت توسعه دهندگان عزیز
دوستان من یه مشکل کوچیک در CSS پیدا کردم با استفاده از ابزار inspect element هم نمیتونم بهفمم چطوری لطفا کمک کنید
لطفا این صفحه رو ببینید
چگونه یک لپتاپ دانشجویی بخریم؟ - وبلاگینا
اگر ماوس رو روی قسمت "مشاهده تیتر مهم روزنامه های کشور در ۱ دقیقه!" ببرید ...
دستور کوتاه شده ی تنظیم فونت ها
برای تنظیم فونت ها در CSS احتمالا تا کنون به طریق زیر عمل می کردید:
font-weight: bold;
font-style: italic;
font-variant: small-caps;
font-size: 1em;
line-height: 1.5em;
font-family: verdana,sans-serif;
اما نیازی به استفاده از کد طولانی فوق نیست، زیرا به سادگی می توانید از کد کوتاه شده ی زیر نیز استفاده کنید:
font: bold italic small-caps ...
بروز شده در 10 سال پیش
آموزش ایجاد سایه منحنی یا شیب دار با استفاده از CSS
[align=center]
[/align]
پارامتر ها:
background: -webkit-radial-gradient(50% 0%, 50% 5px, #aaa 0%, white 100%); ...
بروز شده در 10 سال پیش
افکت های CSS :: stitched look
.stitched { padding: 20px; margin: 10px; background: #F2F3F3; color: #black; font-size: 21px; font-weight: bold; line-height: 1.3em; border: 2px dashed #919191; border-radius: 10px; ...
بروز شده در 10 سال پیش
سلام
این یه کلید بسیاز زیبای روشن و خاموشه حتما ببینید
body { background-color: #1b1b1b;
}
.container { width : 150px; height : 130px; padding-top : 20px; margin : 50px auto ;
}
#power { display : none;
}
label { ...
ایجاد شده در 10 سال پیش
دمو رو ببینید
Softafzar.net | Developers home_this is a tucked corner effect :)
body { background: #e6e6e6; font-size:25px;
}
.corners { background: #f6f6f6; height: 700px; margin: 50px auto; max-width: 600px; position: relative; ...
سلام
با استفاده از بازاری که این سایت در اختیارتون میذاره میتونید براحتی یه دکمه CSS برای خودتون بسازید و ازش استفاده کنید.
ادرس ورود به سایت:
http://www.css-tricks.com/examples/ButtonMaker/
سلام من جاهایی میبینم که از این علائم (+,
بروز شده در 10 سال پیش
درود
یا کلاس ساده میتونید متن رو تار(blur) کنید.
.blur { color: transparent; text-shadow: 0 0 5px rgba(0,0,0,0.5);
}
دمو
بروز شده در 10 سال پیش
سلام
تک ستون - پهنای ثابت (One column fixed width layout)
HTML: Site name Home About Services Contact us Page heading Lorem ipsum dolor sit amet consect etuer adipi scing elit sed diam nonummy nibh euismod tinunt ut laoreet dolore magna aliquam erat volut. Ut wisi enim ad minim veniam, ...
شما به احتمال زیاد با CSS کار کرده اید و خط کد با آن نوشته اید ، شاید شما هم یکی از طرافداران کوتاه ترین کد باشید ، این کلمه بدین معنی می باشد که شما بهینه ترین روش را در کدنویسی خود اعمال نمائید ، شما می توانید Property ...
**گرد کردن گوشه های باکس ها قبل از css3 توسط تصاویر انجام میشد که گوشه هارو به صورت تصویر طراحی و قرار میدادند ولی با امدن css3 کدی رو در اختیار شما قرار میده به نام border-radius که این گزینه این امکان رو میده که باکس های خود را گوشه ...
سلام
با این کدهای خیلی ساده ی CSS میتونید کاری کنید که کسی نتونه محتویات صفحه وب شما رو انتخاب کنه.
معمولا وبمسترها از کدهای جاوا اسکریپت استفاده میکنن که در اینصورت میشه تو تنظیمات مرورگر اونها رو غیر فعال کرد و کپی کرد
البته دور زدن اینم کار سختی نیست ولی روشش ...
ایجاد شده در 11 سال پیش
سلام
ایام رو به همه دوستان تسلیت میگم
تو پست قبلیم چند تا افکت جاوا اسکریپت گذاشتم براتون توی این پست میخوام افکت های زیبای CSS رو بذارم
در این مثال کار با افکت های انتقال (Transition effects) سی اس اس و کار با animation در این زبان رو یاد میگیریم.
[برای ورود ...
سلام
آیا میشه یک افکت css رو بی نهایت اجرا کرد؟
مثلا وقتی ماوس روی تصویر میره، تصویر ما بینهایت بچرخه؟
من این کد رو الان نوشتم ولی فقط با رفتن ماوس روی اون یه بار میچرخه
class
{
-webkit-transition:all 1s;
}
.class:Hover{
-webkit-transition:all 1s;
-webkit-transform:rotate(360deg);
}
ایجاد شده در 11 سال پیش
تکنولوژی CSS3 رو میشه تحولی عظیم در طراحی وب دونست. چون تو خیلی از موارد به جای اینکه از جی کوئری استفاده کنیم می تونیم از CSS3 استفاده کنیم.
سی اس اس تری نسبت به جی کوئری یه مزیتی که داره اینه که تقریبا تاثیری رو سرعت لود سایت نداره. نسبت ...
بروز شده در 11 سال پیش
سلام دوستان عزیز
سوالم از عنوان موضوع مشخصه
میخوام وقتی روی دکمه یا تصویری کلیک میکنم یه افکت css اجرا بشه
این کار امکان پذیر هست؟