16. Add CSS Classes to Sequence Elements

Updated : Apr 28, 2015


This part requires a beginner level in CSS3.

Since the 3.2 release, Klynt allows you to assign css classes to all elements of a sequence.

You can manipulate at will the design of elements independantly of the options offered by the Klynt editor. You can enter a class in the "Advanced" tab of an item ("blur_sepia" in the example below), and specify the class in the file "player.css" (found in the "Resources> css" folder)

For example:

I want to create a blur effect with a sepia color on several videos that are found in several sequences.

  • I assign them all the same class: "blur_sepia"
  • I open the "Resources> css> player.css" file
  • I create the class "blur_sepia" with css filters

.blur_sepia {

 -webkit-filter: blur(20px) brightness(1.2) contrast(1.4) grayscale(0.1) saturate(0.2) sepia(0.3);

 filter: blur(20px) brightness(1.2) contrast(1.4) grayscale(0.1) saturate(0.2) sepia(0.3);

}

  • I can then open the sequence in a browser and see the result.


Language



Contact Us

email: support[at]klynt.net

Webinars


maria@klynt.net
http://assets0.desk.com/
false
desk
Loading
seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
about
false
Invalid characters found
/customer/en/portal/articles/autocomplete