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
How 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 − Example #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 − Example .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 − Example #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. Example #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.No Parameter & Description 1 ColorThe color that you want the shadow to be. 2 DirectionThe 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 left Example You can try to run the following code to implement shadow filter − 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. Example You can try to run the following code to implement the wiggle animation effect − .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 wiggle { 0% { -webkit-transform: skewX(9deg); } 10% { -webkit-transform: skewX(-8deg); } 20% { -webkit-transform: skewX(7deg); } 30% { -webkit-transform: skewX(-6deg); } 40% { -webkit-transform: skewX(5deg); } 50% { -webkit-transform: skewX(-4deg); } 60% { -webkit-transform: skewX(3deg); } 70% ...
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 MoreCSS azimuth Property
The azimuth property sets where the sound should come from horizontally. The possible values are listed below:angle − Position is described in terms of an angle within the range -360deg to 360deg. The value 0deg means directly ahead in the center of the soundstage. 90deg is to the right, 180deg behind, and 270deg (or, equivalently and more conveniently, -90deg) to the left.left-side − Same as '270deg'. With 'behind', '270deg'.far-left − Same as '300deg'. With 'behind', '240deg'.left − Same as '320deg'. With 'behind', '220deg'.center-left − Same as '340deg'. With 'behind', '200deg'.center − Same as '0deg'. With 'behind', '180deg'.center-right − Same as ...
Read More