How to apply shadow to an element in html using css?

Submitted 3 years, 2 months ago
Ticket #339
Views 226
Language/Framework CSS
Priority Medium
Status Closed

Is it possible to apply the shadow effect using css...

If possible help me out please........

Submitted on Feb 04, 21
Cheethirala
add a comment
1 Answer


Verified

Yes it is possible by applying box shadow property to required sections or elements of html.

EXAMPLE:

<!DOCTYPE html>
<html>
<head>
<style> 
div {
  width: 300px;
  height: 100px;
  padding: 15px;
  background-color: yellow;
  box-shadow: 10px 10px;
}
</style>
</head>
<body>

<h1>The box-shadow Property</h1>

<div>This is a div element with a box-shadow</div>

</body>
</html>

Then it will be as:

we can also change the shadow colour according to our view also....

Submitted 3 years, 2 months ago
sai

Latest Blogs

Step by Step guide to deploy Django Web App on Heroku
Python XML - Read/Write and Create
Day 6-Mastering PySpark: A 100-Day Challenge
How to Implement the Django filters
Different way of processing the GET request in Javascript
Django Heroku Deployment Steps
How to setup the Notification in website using Javascript and Django
How to Build Desktop App Using Tkinter and Django Rest Framework Backend -Part 1
How to Build Desktop App Using Tkinter and Django Rest Framework Backend -Part 2
Python Enumerate in Django Choice Field
Creating A Popup Modal Login Form Using HTML5 And CSS and Bootstrap.
Simple Search App using Django API and Vanilla Javascript
Automation Testing Life Cycle
How to Integrate Django and Vue JS Part -1
Steps to deploy Django App into AWS
Building Live streaming web app with FastAPI and ReactJS
SOME STEPS TO FOLLOW BEFORE STARTING A PROJECT :
What is the secret behind SUCCESS?
Success
Django Static Files in Local
Creation of web pages for register,login ,logout (PART-2)
Data Analytics in a Nutshell
Python’s Generator and Yield
What is Mean? Why is it required?
IMPLEMENTATION OF SEARCH BAR USING DJANGO (in any website)
Creation of webpages for register ,login ,logout (PART-1)
Web designer or Front End Developer? Key Differences
Title: Unraveling the Wonders of Quantum Computing: A Leap into the Future
Python Desktop APP to Upload Image into AWS S3 with Progress Bar
Building a Gallery App with FastAPI and React in AWS S3
Tips for Optimizing Apache Spark Queries — Part 1 (Data Partitioning)
Building a Real-time Feedback System with Django, Kafka, Spark, and S3
Ongoing Knowledge - Keep Learning ang Keep Sharing
Custom Model Managers In Django
Python Merge PDF files
Python Challenge 1 - Capital indexes
How to Integrate Django and Vue JS Part -2( Creating Simple Todo App)
Program vs Process vs Thread
Python Multiprocessing with Real Time Example
Unlocking the Power of Caching with Python, Relational Database & Redis Unleashed
Stay Hydrated with a Python Script
Day 8 UDF -Mastering PySpark: A 100-Day Challenge
Pyspark Row : asDict(): A 100-Day PySpark Challenge
Snowflake Database Zero to Hero - Let's Learn Together