Groups | Search | Server Info | Keyboard shortcuts | Login | Register [http] [https] [nntp] [nntps]

Groups > comp.lang.javascript > #24454

Re: CSS 3D Transforms question

Show all headers | View raw

bit-naughty@hotmail.com wrote on 28 mei 2014 in comp.lang.javascript:

> If I make a spinning 3D cube in CSS (using 3D transforms), is it
> possible to make one *side* of the cube, i.e. one face clickable? If I
> put a texture on it, with buttons say, eg. a window-widget style "X" to
> make the cube dissappear, is it possible to detect the click only on the
> "X" *part* of the entire face, i.e. only that pixel area, in 3D? 

As you did not show your code or or even better an url, I used:

<http://www.paulrhayes.com/2009-07/animated-css3-cube-interface-using-3d-
transforms/>

I just added the onclick here:

<div class="face six" onclick='this.style.backgroundColor="red"'>

works fine!

[Please sign your NG submits, perhaps with a nickname]

-- 
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)

Back to comp.lang.javascript | Previous | Next — Previous in thread | Next in thread | Find similar | Unroll thread

Thread

CSS 3D Transforms question bit-naughty@hotmail.com - 2014-05-27 23:14 -0700
  Re: CSS 3D Transforms question "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2014-05-28 11:08 +0200
    Re: CSS 3D Transforms question bit-naughty@hotmail.com - 2014-06-01 01:11 -0700

csiph-web