setPersp: Custom perspective effect

In DivadNojnarg/shinyEffects: Customize Your Web Apps with Fancy Effects

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

 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) { }
  )
}

DivadNojnarg/shinyEffects documentation built on May 18, 2021, 7:09 p.m.