shinyEffects (version 0.2.0)

setPersp: Custom perspective effect

Description

Allow to apply a perspective effect on a given element.

Usage

setPersp(
  id = NULL,
  class = NULL,
  direction = "Y",
  angle = 45,
  depth = 600,
  side = "left",
  hover = FALSE
)

Arguments

id

Use this argument if you want to target an individual element.

class

The element to which the persp should be applied.

direction

Perspective direction: "X" or "Y".

angle

Rotation intensity: numeric, 45 by default.

depth

Perspective depth: numeric, 600 by default.

side

Perspective side: "left" or "right".

hover

Whether to apply the persp effect on hover. FALSE by default.

Examples

# NOT RUN {
 if (interactive()) {

  library(shiny)
  library(shinydashboard)
  library(shinydashboardPlus)
  library(shinyEffects)

  boxTag <- box(
   id = "mybox",
   title = "A box",
   status = "warning",
   solidHeader = FALSE,
   collapsible = TRUE,
   p("Box Content")
  )

  shinyApp(
   ui = dashboardPage(
     header = dashboardHeader(),
     sidebar = dashboardSidebar(),
     body = dashboardBody(

      setPersp(id = "mybox", angle = 45),

      tags$h2("Add Perspective effects"),
      br(),
      boxTag
     ),
     controlbar = dashboardControlbar(),
     title = "DashboardPage"
   ),
   server = function(input, output) { }
  )
}
# }