CSS3 box-shadow

[desita74]

Здравейте, може ли да ми помогнете за сянката на картинките. В момента тя е тъмна. Понеже фона ми е тъмно кафяв искам да е някакво светло разпръскване. И другото ми питане е ако някой знае как това заобляне на снимките и сянката да се появява и в Експлорер. В момента кода в CSS-са е за Мозила, Хром и Опера.Ето го и кода:

div.over-img{
width: 118px;
height: 83px;
float:left;
background:#FFFFFF;
border: 2px solid #999999;
margin: 5px 0 0 11px;
padding: 5px;
/* ???????? ?? ???? */
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari & Chrome */
border-radius: 5px; /* Opera */
-moz-box-shadow: 0 0 5px rgba(0,0,0,.5); /* Firefox */
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.5); /* Safari & Chrome */
box-shadow: 0 0 5px rgba(0,0,0,.5); /* Opera */
}
http://www.traveltourismblog.com/nature-article.php

 

[eddyy93]

Защо не ползваш предварително направени рамки със photoshop?

 

[vinsbg]

Виж това за заоблените ъгли:
http://www.css3.info/preview/rounded-border/
За такава сянка ли говориш ?
http://www.w3schools.com/cssref/css3_pr_box-shadow.asp
http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_box-shadow
?

 

[desita74]

защо да ползвам рамки в Фотошоп , като може така елегантно да стане с код без да се реже снимка и да се нагажда в дива. А и така не се натоварва трафика, защото няма снимка разбираш ли???

 

[Battleman]

http://css3pie.com/

Това е за сенките и заоблените ъгли под IE 6-8.

 

[vinsbg]

http://css3pie.com/

Това е за сенките и заоблените ъгли под IE 6-8.

А за IE 9:
http://msdn.microsoft.com/en-us/library/ie/gg589503%28v=vs.85%29.aspx

 

[desita74]

да да сега стана нещо, но трябва да го дооправя, вижте стана доста футуристи4но
http://www.traveltourismblog.com/nature-article.php

 

[vinsbg]

да да сега стана нещо, но трябва да го дооправя, вижте стана доста футуристи4но
http://www.traveltourismblog.com/nature-article.php

Да. Какво искаш сега да намалиш самата сянка ли ?

 

[desita74]

да трябва да е равномерно от вси4ки страни,

 

[vinsbg]

да трябва да е равномерно от вси4ки страни,

box-shadow: 1px 1px 1px 5px #888888;

Така да я има от всички страни ли ?

 

[desita74]

сега се изравни, оба4е е много натъртващо, ще си поиграя малко мисля 4е ще се оправя от тук нататък. Оба4е за IE 7-8 не разбрах кода. Тези линкове нещо не намерих инфото за кода

 

[vinsbg]

сега се изравни, оба4е е много натъртващо, ще си поиграя малко мисля 4е ще се оправя от тук нататък. Оба4е за IE 7-8 не разбрах кода. Тези линкове нещо не намерих инфото за кода

	box-shadow: 1px 1px 1px [color=red]5px[/color] #888888;

5px
От тук можеш малко да го регулираш.
Това което battleman каза:

http://css3pie.com/

Това е за сенките и заоблените ъгли под IE 6-8.

За IE 6-8. Там можеш да си поиграеш с кода и да си го вземеш после.

 

[kikity_94]

IE като цяло не поддържа CSS3 иначе има JS кодове който правят възможно подкарването му под този куц браузър.

 

[vinsbg]

IE като цяло не поддържа CSS3 иначе има JS кодове който правят възможно подкарването му под този куц браузър.

IE 9 поддържа CSS 3 като цяло.. не на 100%, но все пак има напредък