Jennifer Nicholas has Published 329 Articles

Flip an image on mouse over with CSS

Jennifer Nicholas

Jennifer Nicholas

Updated on 24-Jun-2020 08:01:49

351 Views

Use the transform CSS property to flip an image. You can try to run the following code to flip an image on mouseover:ExampleLive Demo                    .myimg:hover {             transform: scaleX(-1);          }                     Heading One       Let's flip the image on mouse over:          

CSS counter-increment property

Jennifer Nicholas

Jennifer Nicholas

Updated on 24-Jun-2020 07:14:58

169 Views

To increment a counter value with CSS, use the counter-increment property.You can try to run the following code to implement the counter-implement property −ExampleLive Demo                    body {             counter-reset: section;          }          h2::before {             counter-increment: section;             content: "Fruit " counter(section) " - ";          }                     Fruits       Mango       Kiwi    

How to set the fill-mode for an Animation with CSS

Jennifer Nicholas

Jennifer Nicholas

Updated on 24-Jun-2020 05:57:51

66 Views

To set the fill-mode for an animation with CSS, use the animation-fill-mode property. It has the values forwards, backward, both for both the directions, etc.You can try to run the following code to set the fill-mode for animation;ExampleLive Demo                   ... Read More

Explain C++ Singleton design pattern.

Jennifer Nicholas

Jennifer Nicholas

Updated on 24-Jun-2020 05:42:05

15K+ Views

Singleton design pattern is a software design principle that is used to restrict the instantiation of a class to one object. This is useful when exactly one object is needed to coordinate actions across the system. For example, if you are using a logger, that writes logs to a file, ... Read More

CSS perspective-origin property

Jennifer Nicholas

Jennifer Nicholas

Updated on 23-Jun-2020 16:09:26

80 Views

Use the perspective-origin property to specify the bottom position of 3D elements.You can try to run the following code to implement the perspective-origin property:ExampleLive Demo                   .demo1 {             position: relative;         ... Read More

Set left tooltip with CSS

Jennifer Nicholas

Jennifer Nicholas

Updated on 23-Jun-2020 15:00:44

113 Views

To set left tooltip, use the right CSS property.You can try to run the following code to set left tooltip to a text:ExampleLive Demo           .mytooltip .mytext {          visibility: hidden;          width: 140px;          background-color: orange; ... Read More

How to set the type of line in a text-decoration with JavaScript?

Jennifer Nicholas

Jennifer Nicholas

Updated on 23-Jun-2020 11:26:01

98 Views

To set the type of line in text-decoration, use the textDecorationLine property. You can try to run the following code to return the type of line in a text-decoration with JavaScript −Example                    This is demo text.       ... Read More

Set the hour for a specified date according to universal time?

Jennifer Nicholas

Jennifer Nicholas

Updated on 23-Jun-2020 08:15:29

57 Views

JavaScript date setUTCHours() method sets the hour for a specified date according to local time. The following is the parameter for setUTCHours(hoursValue[, minutesValue[, secondsValue[, msValue]]]) −hoursValue − An integer between 0 and 23, representing the hour.minutesValue − An integer between 0 and 59, representing the minutes.secondsValue − An integer between ... Read More

What is the role of throw statement in JavaScript?

Jennifer Nicholas

Jennifer Nicholas

Updated on 23-Jun-2020 07:25:09

105 Views

Use the throw statement to raise your built-in exceptions or your customized exceptions. Later these exceptions can be captured and you can take appropriate action.ExampleYou can try to run the following code to implement throw statement −                                         Click the following to see the result:                          

What are different Navigator methods available?

Jennifer Nicholas

Jennifer Nicholas

Updated on 23-Jun-2020 06:56:24

145 Views

You can use several Navigator related properties in your web page. The following are the properties −Sr.NoProperties & Description1javaEnabled()This method determines if JavaScript is enabled in the client. If JavaScript is enabled, this method returns true; otherwise, it returns false.2plugings.refreshThis method makes newly installed plug-ins available and populates the plugins ... Read More

Advertisements