Я разрабатываю блог и хочу использовать React-Tilt для премиального и невероятного опыта, ну, все работает, наклон работает, эффекты работают, но я хочу изменить параметры по умолчанию , например, поворот с максимальным наклоном
что я пробовал?
В документации по умолчанию написано, что мне нужно установить эти параметры по умолчанию. Как видите, я поместил их в код и по-прежнему ничего не меняется, не меняется и не меняет какое-либо значение defaultOptions и ничего
import React from 'react'
import { deleteBlogRequest } from '../../api/blosg.api'
import { useBlogs } from './BlogContext'
import { Link, useNavigate } from 'react-router-dom'
import { Tilt } from 'react-tilt'
const defaultOptions = {
reverse: false, // reverse the tilt direction
max: 1, // max tilt rotation (degrees)
perspective: 2000, // Transform perspective, the lower the more extreme the tilt gets.
scale: 1.1, // 2 = 200%, 1.5 = 150%, etc..
speed: 1000, // Speed of the enter/exit transition
transition: false, // Set a transition on enter/exit.
axis: null, // What axis should be disabled. Can be X or Y.
reset: true, // If the tilt effect has to be reset on exit.
easing: "cubic-bezier(.03,.98,.52,.99)", // Easing on enter/exit.
}
function Blogcard({ e }) {
const {handleDelete} = useBlogs()
const colors = ["#018aff", "#ff7c01", "#01ff56"]
var rand = colors[Math.floor(colors.length * Math.random())]
return (
window.location.href = `/post/${e.id}`}>
[img]{e.image}/[/img]
{e.post}
{e.name}
{e.createAt}
{/* handleDelete(e.id)}>eliminar */}
)
}
export default Blogcard
Я разрабатываю блог и хочу использовать React-Tilt для премиального и невероятного опыта, ну, все работает, наклон работает, эффекты работают, но я хочу изменить параметры по умолчанию , например, поворот с максимальным наклоном
что я пробовал?
В документации по умолчанию написано, что мне нужно установить эти параметры по умолчанию. Как видите, я поместил их в код и по-прежнему ничего не меняется, не меняется и не меняет какое-либо значение defaultOptions и ничего
ну вот и мой код:
[code]import React from 'react' import { deleteBlogRequest } from '../../api/blosg.api' import { useBlogs } from './BlogContext' import { Link, useNavigate } from 'react-router-dom' import { Tilt } from 'react-tilt'
const defaultOptions = { reverse: false, // reverse the tilt direction max: 1, // max tilt rotation (degrees) perspective: 2000, // Transform perspective, the lower the more extreme the tilt gets. scale: 1.1, // 2 = 200%, 1.5 = 150%, etc.. speed: 1000, // Speed of the enter/exit transition transition: false, // Set a transition on enter/exit. axis: null, // What axis should be disabled. Can be X or Y. reset: true, // If the tilt effect has to be reset on exit. easing: "cubic-bezier(.03,.98,.52,.99)", // Easing on enter/exit. }