Skip to content
This repository has been archived by the owner on Aug 1, 2021. It is now read-only.

technote-space/marker-animation

Repository files navigation

Marker Animation

CI Status codecov CodeFactor License: GPL v2+ PHP: >=5.6 WordPress: >=5.4

Banner

Read this in other languages: English, 日本語.

This plugin will add the ability to display animations like painting with a highlighter.

Latest version

Table of Contents

Details

Screenshots

Behavior

Behavior

Dashboard

Dashboard

Marker setting

Setting list

Setting page

Editor page

On animation

Off animation

Requirements

  • >= PHP 5.6
  • >= WordPress 5.4

Installation

  1. Download latest version
    release.zip
  2. Install plugin install
  3. Activate plugin

Usage

  1. Select sentence which you want to add animation.
  2. Press apply animation button.
  3. If you want to remove the animation, press the button with the cursor on the target sentence.

Control types

Default button

Default button

Details can be specified in the sidebar(>=WordPress v5.2)

Detail

Registered buttons

The buttons which is registered from All Settings will be gathered by Dropdown. Registered buttons

Settings

Validity

When this setting is off, all functions are disabled.

Color

Specify the highlighter color.

Thickness

Specify the highlighter thickness.

Duration

Specify the time to finish animation.
ex. 1.2s .5s 800ms

Delay

Specify the time to start animation.
ex. 1.2s .5s 800ms
Detail

Function

Specify the transition timing function.
Detail

Font bold

Specify whether to display bold.

Stripe

Specify whether to display stripe design.

Stripe

Repeat

Specify whether to repeat animation.

Padding bottom

Specify padding bottom.

Dependency

Author

GitHub (Technote)
Blog

Plugin framework

WP Content Framework