Css3 box shadow...

poruka: 12
|
čitano: 1.196
|
moderatori: Lazarus Long, XXX-Man, vincimus
1
+/- sve poruke
ravni prikaz
starije poruke gore
15 godina
neaktivan
offline
Css3 box shadow...

Kako napraviti da se sjena proširi u sve smjerove u odnosu na div?

Htio bih tako napraviti da tijekom hovera

izgleda kao da je div "zasvijetlio".

Ja sam Plavi zmaj.Form the future!Masa,društvo većina,''normalni'' su ništa bez onih pojedinaca koji ih čine.
Moj PC  
0 0 hvala 0
15 godina
neaktivan
offline
Re: Css3 box shadow...
g12356 kaže...

Kako napraviti da se sjena proširi u sve smjerove u odnosu na div?

Htio bih tako napraviti da tijekom hovera

izgleda kao da je div "zasvijetlio".

našao sam ti glow, ali samo za link, nemogu se sada nažalost skoncentrirati i za div - http://jsfiddle.net/4qXnq/1/ 

 

u biti,  ako znaš javascript, moglo bi se sa elementom on:hover forsirati da sjaji

~21 god, ETFOS, Slavonac, linux and open source fan, net addict, želim znati više, interesi: web dev, svemir, glazba...
15 godina
neaktivan
offline
Re: Css3 box shadow...
kakapo kaže...
g12356 kaže...

Kako napraviti da se sjena proširi u sve smjerove u odnosu na div?

Htio bih tako napraviti da tijekom hovera

izgleda kao da je div "zasvijetlio".

našao sam ti glow, ali samo za link, nemogu se sada nažalost skoncentrirati i za div -  http://jsfiddle.net/4qXnq/1/

 

u biti,   ako znaš javascript, moglo bi se sa elementom on:hover forsirati da sjaji

  Planiram napraviti

a

{

display:block;

...

i proširiti ga na veličinu diva...

Ja sam Plavi zmaj.Form the future!Masa,društvo većina,''normalni'' su ništa bez onih pojedinaca koji ih čine.
15 godina
neaktivan
offline
Re: Css3 box shadow...
g12356 kaže...
kakapo kaže...
g12356 kaže...

Kako napraviti da se sjena proširi u sve smjerove u odnosu na div?

Htio bih tako napraviti da tijekom hovera

izgleda kao da je div "zasvijetlio".

našao sam ti glow, ali samo za link, nemogu se sada nažalost skoncentrirati i za div - http://jsfiddle.net/4qXnq/1/

 

u biti,   ako znaš javascript, moglo bi se sa elementom on:hover forsirati da sjaji

  Planiram napraviti

a

{

display:block;

...

i proširiti ga na veličinu diva...

zašto? mogu vidjeti source code? taj dio i css. Ako samo žališ povećeati link - onda možeš komotno iskoristiti ovaj kod

~21 god, ETFOS, Slavonac, linux and open source fan, net addict, želim znati više, interesi: web dev, svemir, glazba...
16 godina
neaktivan
offline
Css3 box shadow...

Kad vec znas kako se zove zasto ne pogledas prvi rezultat kad googlas "boxshadow", primjer F.

All problems in computer science can be solved by another level of indirection
 
1 0 hvala 0
17 godina
offline
Css3 box shadow...

Evo ovdje imaš nešto slično onome što želiš, pretpostavljam. Koristio sam jQuery jer mi je lakše, ali dalo bi se bez problema i u JavaScriptu riješiti to s eventListenerima i addClass naredbom:

http://jsfiddle.net/4qXnq/66/  

 
0 0 hvala 0
15 godina
neaktivan
offline
Re: Css3 box shadow...
drnde kaže...

Kad vec znas kako se zove zasto ne pogledas prvi rezultat kad googlas "boxshadow", primjer F.

  Problem je u specifičnoj implementaciji...

Inače,isključivo html i css...

 

A source kod ti ne mogu dati jer mi sama stranica još uvijek ima samo 50-tak linija koda(sa internal css-om) pa ne vidim smisao

Ja sam Plavi zmaj.Form the future!Masa,društvo većina,''normalni'' su ništa bez onih pojedinaca koji ih čine.
16 godina
neaktivan
offline
Re: Css3 box shadow...
Marko kaže...

Evo ovdje imaš nešto slično onome što želiš, pretpostavljam. Koristio sam jQuery jer mi je lakše, ali dalo bi se bez problema i u JavaScriptu riješiti to s eventListenerima i addClass naredbom:

http://jsfiddle.net/4qXnq/66/  

 

g12356 kaže...
drnde kaže...

Kad vec znas kako se zove zasto ne pogledas prvi rezultat kad googlas "boxshadow", primjer F.

  Problem je u specifičnoj implementaciji...

Inače,isključivo html i css...

 

A source kod ti ne mogu dati jer mi sama stranica još uvijek ima samo 50-tak linija koda(sa internal css-om) pa ne vidim smisao

Ne razumijem za sto bi koristio javasctipt?

Zgodan je ovaj jsfiddle, box-shadow radi sa svim elementima

vidi: http://jsfiddle.net/4qXnq/77/

All problems in computer science can be solved by another level of indirection
Poruka je uređivana zadnji put sri 11.7.2012 14:00 (drnde).
15 godina
neaktivan
offline
Re: Css3 box shadow...
drnde kaže...
Marko kaže...

Evo ovdje imaš nešto slično onome što želiš, pretpostavljam. Koristio sam jQuery jer mi je lakše, ali dalo bi se bez problema i u JavaScriptu riješiti to s eventListenerima i addClass naredbom:

http://jsfiddle.net/4qXnq/66/

 

g12356 kaže...
drnde kaže...

Kad vec znas kako se zove zasto ne pogledas prvi rezultat kad googlas "boxshadow", primjer F.

  Problem je u specifičnoj implementaciji...

Inače,isključivo html i css...

 

A source kod ti ne mogu dati jer mi sama stranica još uvijek ima samo 50-tak linija koda(sa internal css-om) pa ne vidim smisao

Ne razumijem za sto bi koristio javasctipt?

Zgodan je ovaj jsfiddle, box-shadow radi sa svim elementima.

http://jsfiddle.net/4qXnq/77/

  Ma,bude mi koristio taj boxshadow primjer f,hvala...

Nego dali znate koji opera specific html5 tag ili css 3 sil?

Ja sam Plavi zmaj.Form the future!Masa,društvo većina,''normalni'' su ništa bez onih pojedinaca koji ih čine.
Poruka je uređivana zadnji put sri 11.7.2012 14:03 (g12356).
14 godina
neaktivan
offline
Re: Css3 box shadow...

HTML tagovi su isti za sve browsere, a jedino su razlike u CSS3 jer neponašaju se svi isto (nisu se još dogovorili oko standarda) no sve po tom pitanju moš nać na w3cshool

15 godina
neaktivan
offline
Re: Css3 box shadow...
NoorMomento kaže...

HTML tagovi su isti za sve browsere, a jedino su razlike u CSS3 jer neponašaju se svi isto (nisu se još dogovorili oko standarda) no sve po tom pitanju moš nać na w3cshool

  Mislim na to da da to što u ovom trenutku podržava jedan a drugi ne,ne to da kada se css3 završi da će svi isto podržavati,if you know what i mean.

Ja sam Plavi zmaj.Form the future!Masa,društvo većina,''normalni'' su ništa bez onih pojedinaca koji ih čine.
17 godina
offline
Re: Css3 box shadow...
drnde kaže...
Marko kaže...

Evo ovdje imaš nešto slično onome što želiš, pretpostavljam. Koristio sam jQuery jer mi je lakše, ali dalo bi se bez problema i u JavaScriptu riješiti to s eventListenerima i addClass naredbom:

http://jsfiddle.net/4qXnq/66/  

 

g12356 kaže...
drnde kaže...

Kad vec znas kako se zove zasto ne pogledas prvi rezultat kad googlas "boxshadow", primjer F.

  Problem je u specifičnoj implementaciji...

Inače,isključivo html i css...

 

A source kod ti ne mogu dati jer mi sama stranica još uvijek ima samo 50-tak linija koda(sa internal css-om) pa ne vidim smisao

Ne razumijem za sto bi koristio javasctipt?

Zgodan je ovaj jsfiddle, box-shadow radi sa svim elementima

vidi: http://jsfiddle.net/4qXnq/77/

A mislio sam da bi mu JavaScript došao zbog efekta fadeIn-fadeOut. Iako je gore netko stavio primjer CSS transformacije za webkit, to ne bi radilo u Firefoxu itd. A u jQueryju u funkciji "addClass" moguće je kao drugi argument postaviti trajanje animacije postavljanja klase u milisekundama. Recimo da postavljaš nad "div" klasu koja ima "box-shadow", pa se tako može dobiti taj "glow" efekt koji bi radio u svim preglednicima (ne znam za Operu).

 

EDIT: http://jsfiddle.net/4qXnq/86/ -> to je fiddle u kojem sam to htio prikazati, ne 66.

Poruka je uređivana zadnji put sri 11.7.2012 22:23 (Marko).
1
Nova poruka
E-mail:
Lozinka:
 
vrh stranice