How generate dynamic gradient effect in php

For generate dynamic gradient color in php just copy and paste below code into your file wherever you want to use..


<?php
function random() {
  return (float)rand()/(float)getrandmax();
}
function getRandomArbitrary() {
    $min = 0;
    $max =0.5;
    return random() * ($max - $min) + $min;
}
 $gradientSpeed = 0.002;
function updateGradient()
{
    $min = 0;
$max =0.5;
    $colors =  array(
  [floor(getRandomArbitrary() * 256) , floor(getRandomArbitrary() * 256),floor(getRandomArbitrary() * 256) ],
  [floor(getRandomArbitrary() * 256) , floor(getRandomArbitrary() * 256) , floor(getRandomArbitrary() * 256) ],
  [floor(getRandomArbitrary() * 256) , floor(getRandomArbitrary() * 256) , floor(getRandomArbitrary() * 256) ],
  [floor(getRandomArbitrary() * 256) , floor(getRandomArbitrary() * 256), floor(getRandomArbitrary() * 256) ],
  [floor(getRandomArbitrary() * 256) , floor(getRandomArbitrary() * 256) ,floor(getRandomArbitrary() * 256) ],
  [floor(getRandomArbitrary() * 256) , floor(getRandomArbitrary() * 256) ,floor(getRandomArbitrary() * 256) ],
  [floor(getRandomArbitrary() * 256) , floor(getRandomArbitrary() * 256) ,floor(getRandomArbitrary() * 256) ],
  [floor(getRandomArbitrary() * 256) , floor(getRandomArbitrary() * 256) ,floor(getRandomArbitrary() * 256) ],
  [floor(getRandomArbitrary() * 256) , floor(getRandomArbitrary() * 256) ,floor(getRandomArbitrary() * 256) ],
  [floor(getRandomArbitrary() * 256) , floor(getRandomArbitrary() * 256) ,floor(getRandomArbitrary() * 256) ]
  );
$cl_length = count($colors); 
 $color_00 = $colors[floor(random()*$cl_length)];
 $color_01 = $colors[floor(random()*$cl_length)];
 $color_10 = $colors[floor(random()*$cl_length)];
 $color_11 = $colors[floor(random()*$cl_length)];
 $r1 = round($color_00[0] +  $color_01[0]);
 $g1 = round($color_00[1] + $color_01[1]);
 $b1 = round($color_00[2] + $color_01[2]);
 $color1 = "rgb(".$r1.",".$g1.",".$b1.")";
 $r2 = round($color_10[0] + $color_11[0]);
 $g2 = round($color_10[1] + $color_11[1]);
 $b2 = round($color_10[2] + $color_11[2]);
 $color2 = "rgb(".$r2.",".$g2.",".$b2.")";
  return 'background: -webkit-gradient(linear, left top, right top, from('.$color1.'), to('.$color2.'));background: -moz-linear-gradient(left, '.$color1.' 0%, '.$color2.' 100%)';
} 
?>
<!DOCTYPE html>
<html >
  <head>
    <meta charset="UTF-8">
    <title>Php Generate dynamic Gradient</title>
        <style>
        #gradient_box
        {
          width: 100%;
          height: 800px;
          padding: 0px;
          margin: 0px;
        }
        </style>
  </head>
  <body>
    <html>
  <head>
  </head>
  <body>
    <div id="gradient_box"  style="<?php echo updateGradient(); ?>">
 </body>
</html>
  </body>
</html>

Comments

Post a Comment

Popular posts from this blog

How to add a custom sorting or order by option on category archive or product archive page in woocommerce wordpress

Just copy and paste below code into your theme's functions.php or into your custom plugin file and change option name and value according to your requirement. function rj_add_custom_postmeta_orderby( $sortby ) {     $sortby = array(); // do this for remove all default options        $sortby['grapes'] = __( 'Grapes', 'woocommerce' );     $sortby['main_region'] = __( 'Region', 'woocommerce' );     $sortby['wine_color'] = __( 'Colors', 'woocommerce' );     $sortby['class'] = __( 'Type', 'woocommerce' );     return $sortby; } add_filter( 'woocommerce_default_catalog_orderby_options', 'rj_add_custom_postmeta_orderby' ); add_filter( 'woocommerce_catalog_orderby', 'rj_add_custom_postmeta_orderby' ); function rj_get_catalog_ordering_args( $sort_args ) {             $orderby_value = isset( $_GET['orderby'] ) ? wc_clean( $_GET['orderby'] ) : appl
Read more

How to create a custom wp_list_table and bulk action in wordpress

Below is a example of how to create a  custom wp_list_table and bulk actions.. Change below code according to your requirements. <?php global $wpdb; $table = $wpdb->prefix.'pp_buyer_package'; if($_REQUEST['action']=='delete' || $_REQUEST['action2']=='delete') {         if(isset($_REQUEST['pak_ids']) && $_REQUEST['_wpnonce']!='')     {         foreach($_REQUEST['pak_ids'] as $item)         {                $end_time = strtotime('now');             $cr_select = 'select * from '.$wpdb->prefix.'pp_package_buyer_relation where package_id = "'.$item.'" and end_time >= "'.$end_time.'"';             $cr_result =  $wpdb->get_row($cr_select);             if(count($cr_result) > 0){                 $_GET['msg'] = 'user_booked';             }             else{                 $wpdb->delete($table, array('package_id
Read more

How to add image option in nav menu in wordpress

Just copy and paste below code into your theme's functions.php or your's custom plugin file and change according to your need. Here is my code for add menu image with different hover image <?php class RJ_Menu_Image_Plugin {         public function __construct() {         add_action( 'init', array( $this, 'init' ) );         add_filter( 'manage_nav-menus_columns', array( $this, 'manage_nav_menu_image_column' ), 11 );         add_action( 'admin_head-nav-menus.php', array( $this, 'enqueue_js_for_nav_menu' ) );         add_filter( 'wp_setup_nav_menu_item', array( $this, 'wp_setup_nav_menu_item_menu_image' ) );         add_filter( 'walker_nav_menu_start_el', array( $this, 'walker_nav_menu_start_el' ), 10, 4 );         add_action( 'admin_action_delete-menu-item-image', array( $this, 'admin_action_delete' ) );         add_action( 'wp_ajax_set-menu-item-thumbnail', array( $t
Read more