сянкa на снимка с css ?

F

firesky

Registered
Здравейте ! Моля за малко помощ за един css код.
Трябва ми този ефект http://nrkn.com/photoShadow/index2.html
Благодаря на всички които помогнат :)
 
Ами отваряш снимкат с фотошоп.Отиваш на blending options и слагаш сянка.(Layer>Blending options).След това я записваш като .png*.Естествено слагаш сянка като преди това правиш нов файл с малко по голям размер от снимката.Примерно ако снимката е 500х500px ти правиш файл 520х520рх ;)

А с цсс и аз съм търсил, но всички ми казват, че неможе.Между другото и тази снимка е както ти обясних ;) Кликни на нея и ще видиш :)

Успех!
 
Код: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Photo Shadow</title>
<style type="text/css">
* {
  margin: 0;
  padding: 0;
}

body {
  background: url( bg2.gif );
}

.shadow640x480 {
  background: url( shadow.png ) no-repeat center center;
  width: 666px;
  height: 506px;
}

.shadow640x480 img {
  margin: 13px;
}

a img {
  border: 0;
}
</style>

<div class="shadow640x480"><a href="index.html"><img src="fish.jpg" alt="Fish Archway"></a></div>
Ето сорса на страницата сянката е снимка 640x480, картинката е също толкова голяма просто е зададено да е малко по навърътре по краищата:
.shadow640x480 img {
margin: 13px;
}
от тук зависи колко да е голяма сянката.
 
Нарочно са сложили различен фон, за да се види че не е фотошоп.
Става и сьс css , виждал сьм подобен код...но така и не мога да го намеря.
 
Немога да се сетя какъв е проблема да е фотошоп.Какво от това, че се сменя фона ?
 
3o6k0 каза:
Немога да се сетя какъв е проблема да е фотошоп.Какво от това, че се сменя фона ?
Увеличете...
За една снимка, няма никакьв проблем :) ,ама аз искам да го сложа на много и с малък размер снимки,сам разбираш, че ще се озъбя да го правя на всяка :)
сега се мъча с кода на *d_badboy :)
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе