Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .jeg_news_ticker {
- overflow: hidden;
- padding-right: 15px !important;
- }
- .jeg_news_ticker .jeg_news_ticker_item {
- animation: none !important;
- transition: none !important;
- opacity: 1 !important;
- position: relative;
- }
- .jeg_news_ticker .jeg_news_ticker_items {
- display: flex;
- gap: 20px;
- overflow: hidden;
- user-select: none;
- -webkit-user-select: none;
- -moz-user-select: none;
- }
- .jeg_news_ticker .jeg_news_ticker_items .marque-wrapper {
- align-items: center;
- animation: jnews-marque-animate 18s linear infinite; /* you can cahgne the animation duration here */
- display: flex;
- flex-shrink: 0;
- gap: 20px;
- justify-content: space-around;
- min-width: 100%;
- transition: margin-left .7s ease-out;
- }
- .jeg_news_ticker .jeg_news_ticker_items.stop:hover .marque-wrapper {
- animation-play-state: paused;
- transition: margin-left .5s ease-out;
- }
- .jeg_news_ticker .jeg_news_ticker_items.stop:hover .marque-wrapper:first-child {
- margin-left: -50px;
- }
- .jeg_news_ticker .jeg_news_ticker_items.stop:hover.reverse .marque-wrapper:first-child {
- margin-left: 50px;
- }
- .jeg_news_ticker .jeg_news_ticker_item {
- flex: 0 0 auto;
- display: inline-flex;
- align-items: center;
- gap: 10px;
- white-space: nowrap;
- }
- /* Hide the news ticker nav */
- .jeg_news_ticker .jeg_news_ticker_control {
- display: none;
- }
- @keyframes jnews-marque-animate {
- 0% { transform: translateX(0); }
- to { transform: translateX(calc(-100% - 20px)); }
- }
Advertisement
Add Comment
Please, Sign In to add comment