درخواست کد هاله رنگی اطراف تصاویر وب

این تاپیک 8 پاسخ و 4 مشارکت کننده دارد . آخرین آپدیت توسط :  علی امینی ،‏ 3 سال و 7 ماه پیش .

این تاپیک تاکنون 2594 بازدید داشته است .

نویسنده پست
چهار شنبه ، 7 نوامبر 2012     1:27 ب.ظ #


punisherhadi

Subscriber
8 پست4 تاپیک

من خیلی وقته دنبال این کد هستم ...کدی میخوام که وقتی ماوس میره روی یه عکس تو وبلاگ (سایت) حالا هر عکسی میخواد باشه ... چه عکس لینک داشته باشه چه نداشته باشه .... دور و اطراف اون عکس یه هاله رنگی مثلا با رنگ " cc0000 " ( قرمز ) به آرامی ظاهر بشه .... برای ظاهر هر سایت یا وبلاگی بدرد میخوره و مطمئنم خیلی ها دنبالشن ... منتظر هستم ....ممنون از زحمتاتون

1  تشکر
چهار شنبه ، 7 نوامبر 2012     1:29 ب.ظ #


punisherhadi

Subscriber
8 پست4 تاپیک

[quote=6684]من خیلی وقته دنبال این کد هستم …کدی میخوام که وقتی ماوس میره روی یه عکس تو وبلاگ (سایت) حالا هر عکسی میخواد باشه … چه عکس لینک داشته باشه چه نداشته باشه …. دور و اطراف اون عکس یه هاله رنگی مثلا با رنگ ” cc0000 ” ( قرمز ) به آرامی ظاهر بشه …. برای ظاهر هر سایت یا وبلاگی بدرد میخوره و مطمئنم خیلی ها دنبالشن … منتظر هستم ….ممنون از زحمتاتون[/quote]
 اینو یادم رفت که وقتی موس رو عکس نیست هال هه دیگه نباشه

3  تشکر
چهار شنبه ، 7 نوامبر 2012     1:53 ب.ظ #


لقمان آوند

مدیر ارشد
VIP
1704 پست5 تاپیک

اگه این کد رو داخل تگ style اضافه کنی این خصوصیت بر روی همه عکس ها اعمال میشه :
img:hover{
-webkit-box-shadow: 4px 4px 15px rgba(201, 3, 0, 0.77);
-moz-box-shadow: 4px 4px 15px rgba(201, 3, 0, 0.77);
box-shadow: 4px 4px 15px rgba(201, 3, 0, 0.77);
}

9  تشکر
چهار شنبه ، 7 نوامبر 2012     10:45 ب.ظ #


طاها دریس

Authorplus
VIP
451 پست5 تاپیک

[quote=6684]دور و اطراف اون عکس یه هاله رنگی مثلا با رنگ ” cc0000 ” ( قرمز ) به آرامی ظاهر بشه[/quote]

برای اینکه اون هاله به آرامی ظاهر بشه این کد رو هم اضافه کن.

img {
-webkit-transition: 1.5s ease;
-moz-transition: 1.5s ease;
transition: 1.5s ease;
}

6  تشکر
پنجشنبه ، 8 نوامبر 2012     1:56 ق.ظ #


لقمان آوند

مدیر ارشد
VIP
1704 پست5 تاپیک

ممنون سجاد جان .

تکمیل کننده بود !

2  تشکر
پنجشنبه ، 8 نوامبر 2012     12:22 ب.ظ #


punisherhadi

Subscriber
8 پست4 تاپیک

سلام به آقا لقمان و آقا سجاد ...

اگه میبینید من بعد حل مشکلم تشکر نمیکنم دلیلش کم لطفی من نیستآ ... دلیلش اینه :

من به احترام به حرفتون  که گفته بودید که "از دادن پست هایی مثل ممنون و متشکرم و .... صرفه نظر کنید و به زدن دکمه تشکر اکتفا کنید تا پستهای انجمن مفیدتر باشه" ، عمل میکنم و دکمه تشکر رو به جای پست دادن میزنم ....... وگرنه کارتون خدا وکیلی خیلی تشکر داره... جدی میگم .... این پستم الان دادم چون دیدم آقا لقمان خودش این قضیه رو نقض کرده و تشکر کرده منم گفتم یه تشکر کرده باشم ...

واقعا ممنونم از زحمتهای شما دوستان عزیز

0  تشکر
پنجشنبه ، 8 نوامبر 2012     12:29 ب.ظ #


punisherhadi

Subscriber
8 پست4 تاپیک

[quote=6686]اگه این کد رو داخل تگ style اضافه کنی این خصوصیت بر روی همه عکس ها اعمال میشه :
img:hover{
-webkit-box-shadow: 4px 4px 15px rgba(201, 3, 0, 0.77);
-moz-box-shadow: 4px 4px 15px rgba(201, 3, 0, 0.77);
box-shadow: 4px 4px 15px rgba(201, 3, 0, 0.77);
}
[/quote]
 راستی رنگشم میتونم خودم عوض کنم ؟؟؟ حتما میشه دیگه!!! .....چیشو باید تغییر بدم ... از این کدهای 6 رقمی رنگ توش نداره که !

2  تشکر
پنجشنبه ، 8 نوامبر 2012     2:12 ب.ظ #


لقمان آوند

مدیر ارشد
VIP
1704 پست5 تاپیک

سلام

بله رنگ رو میتونی تغیر بدی . 4 مقدار موجود در rgba به ترتیب شدت رنگ قرمز ، سبز ، آبی و شفافیت رنگ رو نشون میدن . از اینجا میتونی کدهای rgba رو بسازی و در کد بالا جایگزین کنی : 
http://www.css3maker.com/css-3-rgba.html
http://html5css3box.com/rgba

4  تشکر
یکشنبه ، 5 می 2013     2:01 ب.ظ #


علی امینی

Author
VIP
146 پست50 تاپیک

با سلام

برای اینکه این قسمت مفید تر باشه من کد کج شدن تصاویر رو هم براتون میزارم.

این کد رو داخل کد های بالا قرار بدید یا اگه می خواستید فقط عکسا کج بشن داخل استایل قرارش بدین

-moz-transform: scale(1) rotate(5deg) translate(0px, 0px) skew(0deg, 0deg);
-webkit-transform: scale(1) rotate(5deg) translate(0px, 0px) skew(0deg, 0deg);
-o-transform: scale(1) rotate(5deg) translate(0px, 0px) skew(0deg, 0deg);
-ms-transform: scale(1) rotate(5deg) translate(0px, 0px) skew(0deg, 0deg);
transform: scale(1) rotate(5deg) translate(0px, 0px) skew(0deg, 0deg);

2  تشکر
پست 1 تا 9 (از مجموع 9 پست)

برای پاسخ دادن به این تاپیک باید وارد سایت شوید .