How to add mirroring animation over text <script src=”https://unpkg.com/scroll-out/dist/scroll-out.min.js”> </script> <script src=”https://unpkg.com/splitting/dist/splitting.js”> </script> <span id=”jjrd-head-text” class=”text text–turning” data-scroll=”out” data-splitting=””>ERP + eCommerce</span> /* transform */ .jjrd-benefits .text .char { display:inline-flex; -webkit-animation-delay: calc(0.25s + var(–char-index) * 0.1s); animation-delay: calc(0.25s + var(–char-index) * 0.1s); transition: all 0.25s calc(0.25s + var(–char-index) * 0.1s); }. .jjrd-benefits .text–turning [data-scroll=’out’] .char {… Continue reading Mirroring Effect on Text.
Author: Jerin devassy
clip-path
The clip-path property lets you clip an element to a basic shape or to an SVG source. Note: The clip-path property will replace the deprecated clip property. The clip-path CSS property creates a clipping region that sets what part of an element should be shown. Parts that are inside the region are shown, while those… Continue reading clip-path
Common Breakpoints
There are some commonly used breakpoints in daily programming. If you’re using a CSS framework (like Bootstrap, Bulma, etc.) you can also use their breakpoints. Now let’s see some common breakpoints for widths of devices: 320px — 480px: Mobile devices 481px — 768px: iPads, Tablets 769px — 1024px: Small screens, laptops 1025px — 1200px: Desktops, large screens 1201px and more — Extra large screens,… Continue reading Common Breakpoints
WordPress register_post_type
Using Custom Post Types, you can register your own post type. Once a custom post type is registered, it gets a new top-level administrative screen that can be used to manage and create posts of that type. To register a new post type, you use the register_post_type () function. Reference:https://developer.wordpress.org/reference/functions/register_post_type/
WordPress add_menu_page ()
Introduction # This function is to add an item in the admin panel’s nav bar. Syntax add_menu_page ( $page_title, $menu_title, $capability, $menu_slug, $function, $icon_url, $position) Parameters Remarks Here is a list of the default positions (for $position) 2 – Dashboard 4 – Separator … Adding the “Theme page title” item to the nav bar Code… Continue reading WordPress add_menu_page ()
How to Enqueue the style.css
//Stylesheet and script inclusion function add_theme_scripts() { $theme_data = wp_get_theme(); wp_enqueue_style(‘main-style’, get_template_directory_uri() . ‘/style.css’, ”, $theme_data[‘version’], ‘all’); } add_action( ‘wp_enqueue_scripts’, ‘add_theme_scripts’ );
wordpress – site not update after update style.css
This most likely is a caching issue on the server side. Check in your functions.php if the stylesheet is enqueued using the version number. Failing to do so is the most common reason WordPress caching plugins ignore updates to style.css. It should look a bit like this: Otherwise, it might be that the webserver software… Continue reading wordpress – site not update after update style.css
viewport
Not all devices are the same width; you should make sure that your pages work well in a large variation of screen sizes and orientations. The viewport is the user’s visible area of a web page. The viewport varies with the device, and will be smaller on a mobile phone than on a computer screen.… Continue reading viewport
Multiple Shadows
Multiple Shadows To add more than one shadow to the text, you can add a comma-separated list of shadows. The following example shows a red and blue neon glow shadow: Text shadow effect! Example h1 { text-shadow: 0 0 3px #FF0000, 0 0 5px #0000FF;} The following example shows a white text with black, blue, and… Continue reading Multiple Shadows
CSS Overflow
Overflow Properties The overflow the property specifies whether to clip the content or to add scrollbars when the content of an element is too big to fit in the specified area. The overflow property has the following values: visible – Default. The overflow is not clipped. The content renders outside the element’s box hidden –… Continue reading CSS Overflow