Difference between revisions of "OCTOPUS Colori"
m |
m |
||
| Line 73: | Line 73: | ||
#vg .dots button { box-sizing: content-box; width: 9px; height: 9px; padding: 0; | #vg .dots button { box-sizing: content-box; width: 9px; height: 9px; padding: 0; | ||
border: 10px solid transparent; background-clip: content-box; cursor: pointer; | border: 10px solid transparent; background-clip: content-box; cursor: pointer; | ||
| − | border-radius: 50%; background- | + | border-radius: 50%; background-color: rgba(255,255,255,.7); |
| − | + | background-repeat: no-repeat; background-position: center; background-size: contain; | |
| − | transition: background-color .2s, | + | transition: background-color .2s, opacity .2s; flex: none; overflow: hidden; |
-webkit-tap-highlight-color: transparent; animation: none !important; } | -webkit-tap-highlight-color: transparent; animation: none !important; } | ||
#vg .dots button:hover { background-color: #fff; } | #vg .dots button:hover { background-color: #fff; } | ||
| − | #vg .dots button.active { width: 24px; height: 24px; | + | #vg .dots button.active { width: 24px; height: 24px; border-radius: 0; |
| − | background-color: transparent; | + | background-color: transparent; opacity: .7; transition: opacity .2s; |
| − | + | margin-left: -4px; margin-right: -4px; } | |
| − | #vg .dots button.active:hover { background-color: transparent; | + | #vg .dots button.active:hover { background-color: transparent; opacity: 1; } |
@media (max-width: 1023px) { | @media (max-width: 1023px) { | ||
#vg video { aspect-ratio: 5 / 4; object-fit: cover; object-position: center; } | #vg video { aspect-ratio: 5 / 4; object-fit: cover; object-position: center; } | ||
} | } | ||
</style> | </style> | ||
| − | <div id="vg" data-base="/products/colori/" data-clips="Hero-1.mp4|Hero-2.mp4|Hero-3.mp4" data-titles="Create a Film Emulation Tool|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="Create a Film Emulation Tool|Second video title|Third video title" data-play="/wiki/Special:FilePath/Play-icon.png" data-pause="/wiki/Special:FilePath/Pause-icon.png"> |
<div class="win animate-in-up"> | <div class="win animate-in-up"> | ||
<div class="bar"><i></i><i></i><i></i><span id="vgt"></span></div> | <div class="bar"><i></i><i></i><i></i><span id="vgt"></span></div> | ||
Revision as of 12:45, 22 September 2026
Free Download
Available for macOS & Windows.
Grades, lens & film effects – anything.
Plus...
Instant tactile feedback.
Colori tools run in real-time on your machine’s GPU. Manipulate sliders, pick colors and more – with instant feedback.
Learn more about Colori tools ›
Keep your Adobe workflow.
With Colori for Premiere, you can send your Colori tools straight to Premiere – no exporting required.
More about Colori for Premiere ›
Work with production footage.
With authorised Apple ProRes support and built-in log gamma spaces, handle anything from phones to cinema cameras. 1080p, 4K, 8K and beyond.
View all supported formats ›
Remix built-in library or community tools.
Found a tool that’s nearly perfect? Simply edit the tool to finesse it.
More about community library ›
Stay Private. Stay Local.
Colori tools run on your local machine’s GPU. No video uploads or downloads.
More about privacy ›