Difference between revisions of "OCTOPUS Colori"
From OCTOPUSCINEMA
m |
m |
||
| Line 25: | Line 25: | ||
#vg video { display: block; width: 100%; height: auto; | #vg video { display: block; width: 100%; height: auto; | ||
aspect-ratio: 2048 / 1080; object-fit: contain; background: #000; } | aspect-ratio: 2048 / 1080; object-fit: contain; background: #000; } | ||
| − | #vg .dots { display: flex; justify-content: center; align-items: center; gap: | + | #vg .dots { display: flex; justify-content: center; align-items: center; gap: 12px; |
| − | margin: 14px auto 0; padding: | + | margin: 14px auto 0; padding: 16px 26px; width: max-content; |
background: rgba(0,0,0,.75); border-radius: 999px; } | background: rgba(0,0,0,.75); border-radius: 999px; } | ||
| − | #vg .dots button { width: | + | #vg .dots button { width: 9px; height: 9px; padding: 0; border: 0; cursor: pointer; |
| − | border-radius: 50%; background: rgba(255,255,255,.45); color: | + | border-radius: 50%; background: rgba(255,255,255,.45); color: rgba(255,255,255,.45); |
line-height: 1; display: flex; align-items: center; justify-content: center; | line-height: 1; display: flex; align-items: center; justify-content: center; | ||
| − | transition: background .2s; flex: none; } | + | transition: background .2s, color .2s; flex: none; } |
#vg .dots button:hover { background: rgba(255,255,255,.7); } | #vg .dots button:hover { background: rgba(255,255,255,.7); } | ||
| − | #vg .dots button.active { width: | + | #vg .dots button.active { width: 24px; height: 24px; font-size: 17px; background: none; |
| − | #vg .dots button.active:hover { background: rgba(255,255,255,. | + | color: rgba(255,255,255,.45); } |
| + | #vg .dots button.active:hover { background: none; color: rgba(255,255,255,.7); } | ||
</style> | </style> | ||
<div id="vg" data-base="/products/colori/" data-clips="Hero-1.mp4|Hero-2.mp4|Hero-3.mp4" data-titles="First video title|Second video title|Third video title"> | <div id="vg" data-base="/products/colori/" data-clips="Hero-1.mp4|Hero-2.mp4|Hero-3.mp4" data-titles="First video title|Second video title|Third video title"> | ||
Revision as of 15:27, 14 September 2026
The first video tool – for building video tools.
Build grades, optical simulations, film emulation, diagnostic tools, color operations - anything. And then run them instantly on your local machine with real-time tactile control.
Free Download
No credit card required.
For Windows & macOS.
Keep your Adobe workflow.
With Colori for Premiere, you can send your Colori tools straight to Premiere.
Learn more about Colori for Premiere ›
Instant tactile feedback. Colori tools run in real-time on your machine’s GPU. Manipulate sliders, pick colors and more with instant feedback.