What's My IP Address
.tool-header {
margin-bottom: 30px;
padding: 25px;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
border-radius: 12px;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
color: white;
}
.tool-header h2 {
margin-top: 0;
color: white;
font-size: 28px;
margin-bottom: 10px;
}
.tool-header p {
margin: 10px 0 0 0;
opacity: 0.95;
font-size: 15px;
line-height: 1.6;
}
.ip-display-section {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin-bottom: 20px;
}
.ip-card {
background: white;
border-radius: 12px;
padding: 25px;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
text-align: center;
position: relative;
overflow: hidden;
}
.ip-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
}
.ip-card.ipv4::before {
background: linear-gradient(90deg, #4CAF50, #8BC34A);
}
.ip-card.ipv6::before {
background: linear-gradient(90deg, #2196F3, #03A9F4);
}
.ip-card .ip-label {
font-size: 14px;
color: #666;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 10px;
}
.ip-card .ip-value {
font-family: 'Courier New', monospace;
font-size: 24px;
font-weight: bold;
color: #333;
word-break: break-all;
margin-bottom: 15px;
min-height: 36px;
display: flex;
align-items: center;
justify-content: center;
}
.ip-card .ip-value.loading {
color: #999;
font-size: 16px;
}
.ip-card .ip-value.error {
color: #f44336;
font-size: 14px;
}
.ip-card .ip-value.unavailable {
color: #999;
font-size: 14px;
font-style: italic;
}
.copy-btn {
padding: 8px 20px;
background: #667eea;
color: white;
border: none;
border-radius: 6px;
cursor: pointer;
font-size: 14px;
transition: all 0.3s ease;
}
.copy-btn:hover {
background: #5a6fd6;
transform: translateY(-1px);
}
.copy-btn:disabled {
background: #ccc;
cursor: not-allowed;
transform: none;
}
.copy-btn.copied {
background: #4CAF50;
}
.section-card {
background: white;
border-radius: 12px;
margin-bottom: 20px;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
overflow: hidden;
}
.section-header {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
padding: 15px 20px;
font-weight: bold;
font-size: 18px;
display: flex;
align-items: center;
gap: 10px;
}
.section-header .icon {
font-size: 20px;
}
.section-content {
padding: 20px;
}
.info-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 15px;
}
.info-item {
display: flex;
flex-direction: column;
padding: 12px 15px;
background: #f8f9fa;
border-radius: 8px;
border-left: 4px solid #667eea;
}
.info-item .label {
font-size: 12px;
color: #666;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 5px;
}
.info-item .value {
font-size: 16px;
color: #333;
font-weight: 500;
word-break: break-word;
}
.info-item .value.mono {
font-family: 'Courier New', monospace;
}
#locationMap {
width: 100%;
height: 350px;
border-radius: 8px;
margin-bottom: 20px;
z-index: 1;
}
.status-badge {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 6px 12px;
border-radius: 20px;
font-size: 13px;
font-weight: 600;
}
.status-badge.safe {
background: #e8f5e9;
color: #2e7d32;
}
.status-badge.warning {
background: #fff3e0;
color: #ef6c00;
}
.status-badge.danger {
background: #ffebee;
color: #c62828;
}
.status-badge.info {
background: #e3f2fd;
color: #1565c0;
}
.status-badge .dot {
width: 8px;
height: 8px;
border-radius: 50%;
background: currentColor;
}
.privacy-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 15px;
margin-bottom: 20px;
}
.privacy-item {
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px;
background: #f8f9fa;
border-radius: 8px;
}
.privacy-item .label {
font-weight: 500;
color: #333;
}
.reputation-alert {
padding: 15px 20px;
border-radius: 8px;
margin-top: 15px;
display: flex;
align-items: flex-start;
gap: 15px;
}
.reputation-alert.clean {
background: #e8f5e9;
border: 1px solid #81c784;
}
.reputation-alert.warning {
background: #fff3e0;
border: 1px solid #ffb74d;
}
.reputation-alert.danger {
background: #ffebee;
border: 1px solid #ef9a9a;
}
.reputation-alert .alert-icon {
font-size: 24px;
flex-shrink: 0;
}
.reputation-alert .alert-content h4 {
margin: 0 0 5px 0;
font-size: 16px;
}
.reputation-alert .alert-content p {
margin: 0;
font-size: 14px;
color: #666;
}
.device-table {
width: 100%;
border-collapse: collapse;
}
.device-table th,
.device-table td {
padding: 12px 15px;
text-align: left;
border-bottom: 1px solid #eee;
}
.device-table th {
background: #f8f9fa;
font-weight: 600;
color: #555;
font-size: 13px;
text-transform: uppercase;
width: 40%;
}
.device-table td {
font-family: 'Courier New', monospace;
color: #333;
}
.device-table tr:last-child td,
.device-table tr:last-child th {
border-bottom: none;
}
.referrer-section {
background: #e3f2fd;
border: 1px solid #90caf9;
border-radius: 8px;
padding: 15px 20px;
display: none;
}
.referrer-section.show {
display: block;
}
.referrer-section .label {
font-size: 13px;
color: #1565c0;
margin-bottom: 5px;
}
.referrer-section .value {
font-family: 'Courier New', monospace;
color: #0d47a1;
word-break: break-all;
}
.refresh-btn {
position: fixed;
bottom: 30px;
right: 30px;
width: 56px;
height: 56px;
border-radius: 50%;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
border: none;
cursor: pointer;
box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
font-size: 24px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
z-index: 1000;
}
.refresh-btn:hover {
transform: scale(1.1);
box-shadow: 0 6px 16px rgba(102, 126, 234, 0.5);
}
.refresh-btn.spinning {
animation: spin 1s linear infinite;
}
@keyframes spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
.skeleton {
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: skeleton-loading 1.5s infinite;
border-radius: 4px;
height: 20px;
}
@keyframes skeleton-loading {
0% { background-position: 200% 0; }
100% { background-position: -200% 0; }
}
.accuracy-note {
background: #fff8e1;
border: 1px solid #ffca28;
border-radius: 6px;
padding: 10px 15px;
font-size: 13px;
color: #f57f17;
margin-top: 15px;
}
@media (max-width: 768px) {
.ip-display-section {
grid-template-columns: 1fr;
}
.ip-card .ip-value {
font-size: 18px;
}
.info-grid {
grid-template-columns: 1fr;
}
.privacy-grid {
grid-template-columns: 1fr;
}
#locationMap {
height: 250px;
}
.refresh-btn {
bottom: 20px;
right: 20px;
width: 48px;
height: 48px;
font-size: 20px;
}
}
Prikaz naslova IP
Oddelek za napotitve
Zemljevid lokacije
ISP in omrežni podatki
Vpogled v varnost in zasebnost
Kontekst brskalnika in naprave
Kakšen je moj naslov IP?
Oglejte si svoje javne naslove IP, geografsko lokacijo, podatke o ponudniku internetnih storitev, stanje zasebnosti in podrobnosti o napravi. Vsa iskanja se zaradi vaše zasebnosti izvajajo na strani odjemalca.
Naslov IPv4
Zaznavanje ...
Naslov IPv6
Zaznavanje ...
Prišli ste iz:
🌎Geografska lokacija
Mesto
Regija
Država
Koordinate
Časovni pas
Poštna številka
Opomba:Geolokacija je približna in temelji na zapisih baze podatkov IP. Natančnost se razlikuje glede na ponudnika internetnih storitev in lahko prikaže regionalno vozlišče vašega ponudnika internetnih storitev namesto vaše natančne lokacije, zlasti za mobilne povezave ali povezave CGNAT.
📡Informacije o ponudniku internetnih storitev in omrežju
ISP/prevoznik
Organizacija
Številka AS
Vrsta povezave
🔒Vpogled v varnost in zasebnost
VPN/Proxy
Gostovanje / podatkovni center
Mobilna povezava
Tukaj bo vstavljeno opozorilo o ugledu
💻Informacije o brskalniku in napravi
| Operacijski sistem | - |
|---|---|
| Brskalnik | - |
| Ločljivost zaslona | - |
| Razmerje slikovnih pik naprave | - |
| Niti procesorja | - |
| Ocenjen RAM | - |
| Jezikovne nastavitve | - |
| Vrsta povezave | - |
| Dotaknite se Podpora | - |
| Piškotki omogočeni | - |