The post How to create Icon Hover Effects with Transitions and Animations using HTML & CSS? appeared first on scmGalaxy.

Animated button with CSS animation after hover

Button shaking hover effect with CSS animation after hover

The post How to create a button-shaking hover effect animation & lighting text animation using HTML & CSS? appeared first on scmGalaxy.

The post How to create a creative rotated text border effect & social media icons hover transforms using HTML & CSS? appeared first on scmGalaxy.

The post How to create a creative border card hover effect with a background translation using HTML & CSS? appeared first on scmGalaxy.

The post How to create a menu hover effects with transforms using HTML & CSS? appeared first on scmGalaxy.

The post Different ways to write the transitions and transforms in image tag using HTML & CSS. Part-2 appeared first on scmGalaxy.

The post Different ways to write the transitions and transforms in image tag using HTML & CSS. appeared first on scmGalaxy.

The post How to create creative button effect in HTML & CSS? appeared first on scmGalaxy.

In this index.html ul (unorderlist) tag with li  & multiple <a> tag which is define in style.css page-

When you using this index.html & style.css then showing below Hover Effects Navbar-

The post How to create a Menu Item Hover Effects Navbar using HTML & CSS? appeared first on scmGalaxy.

In this index.html container with four box classes & each box class with images & content class & multiple div which is define style.css page-

When you implement from this index.html & style.css page then showing below row-

The post How to create Image Hover Effects with Color in a row using HTML & CSS? appeared first on scmGalaxy.

In this index.html container with card & multiple class which is define style.css page-

When you implement from this index.html & style.css page then showing below row-

The post How to create Image Hover Effects in a row using HTML & CSS? appeared first on scmGalaxy.

In this index.html page, I am using a class “container” with three images and class “container” defined in below “style.css” code-

In this style.css class, i define images & container, class after that show below reflection card in a row.

The post How to create an attractive reflection card with a hover effect using HTML and CSS? appeared first on scmGalaxy.

In this index.html I am using cube shape with help of CSS and create multiple classes which is define below style.css code-

In this style.css page define all classes which is used in index.html and after that show below page with hover effects-

The post How to create Creative Cube Hover Effects With Changing Color Animation in CSS? appeared first on scmGalaxy.

• max-aspect-ratio – The maximum ratio between the width and the height of the display area
• max-color – The maximum number of bits per color component for the output device
• max-color-index – The maximum number of colors the device can display
• max-device-aspect-ratio – The maximum ratio between the width and the height of the device
• max-device-height – The maximum height of the device, such as a computer screen
• max-device-width – The maximum width of the device, such as a computer screen
• max-height – The
• max-monochrome – The maximum number of bits per “color” on a monochrome (greyscale) device
• max-resolution – The maximum resolution of the device, using dpi or dpcmmaximum height of the display area, such as a browser window
• scan – The scanning process of the output device
• scripting – Is scripting (e.g. JavaScript) available? (added in Media Queries Level 4)

• max-width – The maximum width of the display area, such as a browser window

• min-aspect-ratio – The minimum ratio between the width and the height of the display area
• min-color – The minimum number of bits per color component for the output device
• min-color-index – The minimum number of colors the device can display
• min-device-aspect-ratio – The minimum ratio between the width and the height of the device
• min-device-width – The minimum width of the device, such as a computer screen
• min-device-height – The minimum height of the device, such as a computer screen
• min-height – The minimum height of the display area, such as a browser window
• min-monochrome – The minimum number of bits per “color” on a monochrome (greyscale) device
• min-resolution – The minimum resolution of the device, using dpi or dpcm
• min-width – The minimum width of the display area, such as a browser window
• monochrome – The number of bits per “color” on a monochrome (greyscale) device

• update-frequency – How quickly can the output device modify the appearance of the content (added in Media Queries Level 4)
• width – The viewport width
• orientation – The orientation of the viewport (landscape or portrait mode)
• overflow-block – How does the output device handle content that overflows the viewport along the block axis (added in Media Queries Level 4)
• overflow-inline – Can content that overflows the viewport along the inline axis be scrolled (added in Media Queries Level 4)
• pointer – Is the primary input mechanism a pointing device, and if so, how accurate is it? (added in Media Queries Level 4)
• resolution – The resolution of the output device, using dpi or dpcm

The post How to use different types of Media Features in CSS? appeared first on scmGalaxy.

Syntax:-

selector:pseudo-class { property:value; }

Ex: –

div:hover { background-color: red;}

Pseudo-classes–

• :link
• :visited
• :hover
• :active
• :focus
• :checked
• :first-child
• :first-of-type
• :nth-child(n)

The post How to Use Pseudo-classes in CSS? appeared first on scmGalaxy.

Ex:-

a:link {
color: red;
}

a:hover MUST come after a:link and a:visited

a:active MUST come after a:hover

The post How to use Link Property in CSS? appeared first on scmGalaxy.