This discussion is archived
2 Replies Latest reply: Mar 25, 2013 2:52 PM by jsmith RSS

Effects

895675 Newbie
Currently Being Moderated
There is possibility of effects do these with a anchor pane in css, for to use in javafx?

http://www.paulund.co.uk/creating-different-css3-box-shadows-effects
  • 1. Re: Effects
    KonradZuse Explorer
    Currently Being Moderated
    I would try it out? Create an FXML file and see how it goes... The code might be different with FX though.
  • 2. Re: Effects
    jsmith Guru
    Currently Being Moderated
    Yeah, you can do those kind of page turning and fancy shadow effects.
    The syntax is a little different but the generated effects look pretty similar.

    Here is some sample css for a right page turn effect.
    .right-page-turn {
      -fx-rotate: 3; 
      -fx-translate-y: -2; 
      -fx-background-insets: 20 10 15 80; 
      -fx-background-color: -fx-app-background; 
      -fx-effect: dropshadow(three-pass-box, grey, 10, 0, 0, 15);
    }
    And here is a link to some code which uses this css in an executable app you can just copy and paste to run.
    https://gist.github.com/jewelsea/5241095

    You can take a look at the JavaFX css reference for some more info:
    http://docs.oracle.com/javafx/2/api/javafx/scene/doc-files/cssref.html

Legend

  • Correct Answers - 10 points
  • Helpful Answers - 5 points