-
Notifications
You must be signed in to change notification settings - Fork 137
ColorAnimation
ColorAnimation (inherits InterpolatedAnimation)
The ColorAnimation transitions the value of the property between two colors (although it does ignore the alpha channel). The colors must be 7-character hex strings (like #246ACF).
Name | Description |
---|---|
endValue | Ending color of the transition formatted as a 7-character hex string (like #246ACF). |
startValue | Starting color of the transition formatted as a 7-character hex string (like #246ACF). |
Name | Description |
---|---|
constructor(target, duration, fps, property, propertyKey, startValue, endValue) | |
getAnimatedValue(percentage) | Get the interpolated color values. |
getRGB(color) | Convert the color to an RGB triplet. |
onStart() | Determine which dimensions of color will be animated. |
toColor(red, green, blue) | Convert an RBG triplet into a 7-character hex string (like #246ACF). |
Ending color of the transition formatted as a 7-character hex string (like #246ACF).
Setter name: set_startValue(value)
Starting color of the transition formatted as a 7-character hex string (like #246ACF).
Setter name: set_startValue(value)
Params:
-
target
- Type: Object
- Description: Length of the animation in seconds. The default is 1.
-
duration
- Type: Number
- Description: Length of the animation in seconds. The default is 1.
-
fps
- Type: Number
- Description: Number of steps per second. The default is 25.
-
property
- Type: Object
- Description: Property of the target element to set when animating.
-
propertyKey
- Type: Object
- Description: optional key of the property to be set (which indicates the value property[propertyKey], like style['backgroundColor']). Note that for the style property, the key must be in a JavaScript friendly format (i.e. backgroundColor instead of background-color).
-
startValue
- Type: Object
- Description: Start of the range of values.
-
endValue
- Type: Object
- Description: End of the range of values.
Get the interpolated color values.
Params:
-
percentage
- Type: Number
- Description: Percentage of the animation already complete.
Convert the color to an RGB triplet.
Params:
-
color
- Type: String
- Description: Color formatted as a 7-character hex string (like #246ACF).
Determine which dimensions of color will be animated.
Convert an RBG triplet into a 7-character hex string (like #246ACF).
Params:
-
red
- Type: Object
- Description: Value of the color's red dimension.
-
green
- Type: Object
- Description: Value of the color's green dimension.
-
blue
- Type: Object
- Description: Value of the color's blue dimension.
This content was moved from https://ajaxcontroltoolkit.codeplex.com/documentation to this Documentation wiki. This is now the authoritative location of the AJAX Control Toolkit documentation.
- Step-by-Step Installation Guide
- Upgrading from v7.x and below
- Uninstalling the AJAX Control Toolkit
- Troubleshooting Installer Issues
- Updating the Project from CI Builds
- How to Use Bundling and CDN
- Creating a Custom Localization
- Creating a Custom Control
- Design Standards
Controls:
- Accordion
- AjaxFileUpload
- AreaChart
- AsyncFileUpload
- BarChart
- BubbleChart
- ComboBox
- Editor (deprecated)
- Gravatar
- LineChart
- NoBot
- PieChart
- Rating
- ReorderList
- Seadragon
- TabContainer
- TabPanel
Extenders:
- AlwaysVisibleControl
- Animation
- AutoComplete
- BalloonPopup
- Calendar
- CascadingDropDown
- CollapsiblePanel
- ColorPicker
- ConfirmButton
- DragPanel
- DropDown
- DropShadow
- DynamicPopulate
- FilteredTextBox
- HoverMenu
- HtmlEditor
- ListSearch
- MaskedEdit
- MaskedEditValidator
- ModalPopup
- MultiHandleSlider
- MutuallyExclusiveCheckBox
- NumericUpDown
- PagingBulletedList
- PasswordStrength
- PopupControl
- ResizableControl
- RoundedCorners
- Slider
- SlideShow
- TextBoxWatermark
- ToggleButton
- UpdatePanelAnimation
- ValidatorCallout