Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
Articles on Trending Technologies
Technical articles with clear explanations and examples
CSS border-top-right-radius property
Use the border-top-right radius property in CSS to set the top right radius border. You can try to run the following code to implement border-top-right-radius property −ExampleLive Demo #rcorner { border-radius: 25px; border-top-right-radius: 45px; background: orange; padding: 20px; width: 200px; height: 150px; } Rounded corners!
Read MoreHow to clear the content of the recycle bin in PowerShell?
Recycle bin in Windows operating system is to store the soft-deleted data. Soft deleted data means, data that is not deleted with (SHIFT + DEL) button but simply deleted with DEL button. Each local disk has its own configured recycle bin space.To delete the recycle bin data using GUI, you can simply right click and delete the content.It is also possible to delete the recycle bin content with the PowerShell command with the Clear-Recyclebin cmdlet. This command is introduced in PowerShell 5 and available in newer versions as well.ExampleClear-RecycleBinOutputPS C:\WINDOWS\system32> Clear-RecycleBin Confirm Are you sure you want to perform this action? Performing the operation "Clear-RecycleBin" on target "All of the contents of the Recycle Bin". [Y] Yes [A] Yes to All ...
Read MoreCSS border-bottom-right-radius property
Use border-bottom-right-radius property for setting the border of the bottom right corner. You can try to run the following code to implement border-bottom-right-radius property −ExampleLive Demo #rcorner { border-radius: 25px; border-bottom-right-radius: 45px; background: orange; padding: 20px; width: 200px; height: 150px; } Rounded corners!
Read MoreFade Out Left Big Animation Effect with CSS
To implement Fade Down Left Big Animation Effect on an image with CSS, you can try to run the following code −ExampleLive Demo .animated { background-image: url(/css/images/logo.png); background-repeat: no-repeat; background-position: left top; padding-top:95px; margin-bottom:60px; -webkit-animation-duration: 10s; animation-duration: 10s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } Reload page function myFunction() { location.reload(); }
Read MoreCSS border-radius property
Use the border-radius property to set four border-radius property. You can try to run the following code to implement border-radius property −ExampleLive Demo #rcorner { border-radius: 25px; background: #8AC007; padding: 20px; width: 200px; height: 150px; } Rounded corners!
Read MoreAdd special colored corner to body or text in CSS
CSS3 Rounded corners are used to add special colored corner to body or text by using the border-radius property.ExampleLive Demo #rcorner { border-radius: 25px; background: #8AC007; padding: 20px; width: 200px; height: 150px; } Rounded corners!
Read MoreSet different font families for screen and print with CSS
The following example specifies different font families for screen and print. The next CSS uses the same font size for both screens as well as a printer.Example
Read MoreCreate an attenuated shadow with CSS
Shadow filter is used to create an attenuated shadow in the direction and color specified.The following parameters can be used in this filter −S.NoParameter & Description1ColorThe color that you want the shadow to be.2DirectionThe direction of the blur, going clockwise, rounded to 45-degree increments. The default value is 270 (left).0 = Top45 = Top right90 = Right135 = Bottom right180 = Bottom225 = Bottom left270 = Left315 = Top leftExampleYou can try to run the following code to implement shadow filter −Live Demo Text Example: CSS Tutorials
Read MoreWiggle Animation Effect with CSS
The wiggle effect move or cause to move up and down or from side to side with small rapid movements.ExampleYou can try to run the following code to implement the winggle animation effect −Live Demo .animated { background-image: url(/css/images/logo.png); background-repeat: no-repeat; background-position: left top; padding-top:95px; margin-bottom:60px; -webkit-animation-duration: 10s; ...
Read MoreCSS pause-after property
This property specifies a pause to be observed after speaking an element's content. The possible values are −time − Expresses the pause in absolute time units (seconds and milliseconds).percentage − Refers to the inverse of the value of the speech-rateproperty. For example, if the speech-rate is 120 words per minute (i.e. a word takes half a second, or 500ms), then a pause-after of 100% means a pause of 500 ms and a pause-after of 20% means 100ms.
Read More